87 lines
1.8 KiB
QML
87 lines
1.8 KiB
QML
|
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"
|
||
|
|
}
|
||
|
|
}
|