105 lines
2.5 KiB
QML
105 lines
2.5 KiB
QML
import QtQuick 2.0
|
|
|
|
/**
|
|
* ScaleToise
|
|
*
|
|
* Display notes from scale, with current note centered.
|
|
*/
|
|
|
|
Item {
|
|
id: scale
|
|
|
|
property QtObject theme
|
|
|
|
// note or note + 12 * octave
|
|
property int note: 1
|
|
|
|
property variant notes_fr: [
|
|
"do", "do#", "ré", "mib", "mi", "fa", "fa#", "sol", "sol#", "la", "sib", "si"]
|
|
property variant notes_en: [
|
|
"C", "C#", "D", "Eb", "E", "F", "F#", "G", "G#", "A", "Bb", "B"]
|
|
property variant notes: [notes_en, notes_fr]
|
|
property int notes_style: 0
|
|
|
|
property color colorAltered: "#40888888"
|
|
property color colorNatural: "transparent"
|
|
|
|
property int h_margin: Math.max(height / 8, main_note.border_d)
|
|
|
|
property int nb_notes: 12
|
|
property int nb_notes_displayed: Math.min(nb_notes, width / theme.fontSizeLarge * 0.8)
|
|
|
|
/// current note is on the middle
|
|
property double position: note - (nb_notes_displayed - 1) / 2
|
|
|
|
property int first_note: Math.floor(position) % nb_notes
|
|
property double delta: position - Math.floor(position)
|
|
|
|
onFirst_noteChanged: console.log(first_note + " " + note + " " + nb_notes_displayed + " " + position)
|
|
|
|
function note_name(i) {
|
|
return notes[notes_style][i];
|
|
}
|
|
|
|
function isAltered(i) {
|
|
return (i < 4 && (i & 1)) || (i > 5 && !(i & 1))
|
|
}
|
|
|
|
Behavior on position {
|
|
NumberAnimation {
|
|
duration: 200
|
|
easing.amplitude: nb_notes
|
|
}
|
|
}
|
|
|
|
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_notes_displayed
|
|
|
|
Repeater {
|
|
model: nb_notes_displayed + 1
|
|
Rectangle {
|
|
width: toise.cellWidth
|
|
height: toise.height
|
|
border.width: 1
|
|
property int note: (index + nb_notes + first_note) % nb_notes
|
|
color: isAltered(note) ? colorAltered : colorNatural
|
|
|
|
Text {
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: note_name(note)
|
|
color: theme.primaryColor
|
|
font.pixelSize: parent.height / 2
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Screen for actual note
|
|
Rectangle {
|
|
id: main_note
|
|
y: 0
|
|
x: toise.cellWidth * (parent.nb_notes_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"
|
|
}
|
|
|
|
/*
|
|
onPositionChanged: {
|
|
console.log("note " + note_name(note % nb_notes) + " pos " + position + " first note " + first_note + " delta " + delta)
|
|
}*/
|
|
}
|