103 lines
2.4 KiB
QML
103 lines
2.4 KiB
QML
/* Copyright 2016 (C) Louis-Joseph Fournier
|
|
* louisjoseph.fournier@gmail.com
|
|
*
|
|
* This file is part of SailTuner.
|
|
*
|
|
* SailTuner is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* SailTuner is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
*/
|
|
|
|
import QtQuick 2.0
|
|
|
|
/**
|
|
* Toise
|
|
*
|
|
* Display marks with current centered
|
|
*/
|
|
|
|
Item {
|
|
id: scale
|
|
|
|
property QtObject theme
|
|
|
|
// mark index
|
|
property int index: 1
|
|
// array of marks
|
|
property variant marks: []
|
|
// function to get mark color
|
|
property var mark_color: function (id) { return "transparent" }
|
|
|
|
property int h_margin: Math.max(height / 8, main_mark.border_d)
|
|
|
|
property int nb_marks: marks.length
|
|
|
|
property int nb_marks_displayed: nb_marks
|
|
|
|
/// current mark is on the middle
|
|
property double position: index - (nb_marks_displayed - 1) / 2
|
|
|
|
property int first_mark: Math.floor(position) % nb_marks
|
|
property double delta: position - Math.floor(position)
|
|
|
|
Behavior on position {
|
|
NumberAnimation {
|
|
duration: 200
|
|
easing.amplitude: nb_marks
|
|
}
|
|
}
|
|
|
|
Row {
|
|
id: toise
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: - cellWidth * delta
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
anchors.topMargin: h_margin
|
|
anchors.bottomMargin: h_margin
|
|
|
|
property double cellWidth: parent.width / nb_marks_displayed
|
|
|
|
Repeater {
|
|
model: nb_marks_displayed + 1
|
|
Rectangle {
|
|
width: toise.cellWidth
|
|
height: toise.height
|
|
border.width: 1
|
|
property int idx: (index + nb_marks + first_mark) % nb_marks
|
|
color: mark_color(idx)
|
|
|
|
Text {
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: marks[idx]
|
|
color: theme.primaryColor
|
|
font.pixelSize: parent.height / 2
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Screen for actual mark
|
|
Rectangle {
|
|
id: main_mark
|
|
y: 0
|
|
x: toise.cellWidth * (parent.nb_marks_displayed - 1) / 2 - border_d
|
|
width: toise.cellWidth + border_d * 2
|
|
height: parent.height
|
|
|
|
property int border_d: 10
|
|
|
|
color: "transparent"
|
|
border.width: border_d
|
|
border.color: "#a0777777"
|
|
}
|
|
}
|