LedDisplay/OmobiDisplayApp/ressources/qml/DisplayTextDelegate.qml

91 lines
1.9 KiB
QML
Raw Normal View History

2020-10-11 21:01:21 +02:00
import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtQuick.Controls.Material 2.0
2020-10-11 21:01:21 +02:00
ItemDelegate {
2020-10-11 21:01:21 +02:00
id: control
implicitHeight: 50
2020-10-11 21:01:21 +02:00
Rectangle {
anchors {
top: parent.top
left: parent.left
right: parent.right
topMargin: - control.ListView.view.spacing * 0.5
}
2020-10-11 21:01:21 +02:00
color: "lightgrey"
height: 1
visible: model.index !== 0
}
2020-10-11 21:01:21 +02:00
text: model.text
contentItem: RowLayout {
spacing: 5
Text {
Layout.fillWidth: true
elide: Text.ElideRight
opacity: model.active ? 1:0.5
color: control.Material.foreground
text: control.text
Behavior on opacity {
NumberAnimation {}
2020-10-11 21:01:21 +02:00
}
}
Chip {
2020-10-15 14:21:34 +02:00
Layout.preferredHeight: control.height * 0.6
2020-10-15 13:16:46 +02:00
Layout.preferredWidth: model.scroll ? control.width * 0.15 : 0
2020-10-11 21:01:21 +02:00
visible: model.scroll
color: Material.accent
opacity: model.active ? 1:0.5
Behavior on color {
ColorAnimation {}
}
text: model.scroll ? qsTr("scrolling"):""
2020-10-15 13:16:46 +02:00
onClicked: {
control.clicked()
}
}
Chip {
2020-10-15 14:21:34 +02:00
Layout.preferredHeight: control.height * 0.6
2020-10-15 13:16:46 +02:00
Layout.preferredWidth: height
opacity: model.active ? 1:0.5
color: model.color
2020-10-15 13:16:46 +02:00
onClicked: {
control.clicked()
}
2020-10-11 21:01:21 +02:00
}
Chip {
2020-10-15 14:21:34 +02:00
Layout.preferredHeight: control.height * 0.6
2020-10-15 13:16:46 +02:00
Layout.preferredWidth: control.width * 0.15
2020-10-11 21:01:21 +02:00
color: model.active ? "#4CAF50" : "#F44336"
2020-10-11 21:01:21 +02:00
text: model.active ? qsTr(" active "):qsTr("inactive")
onClicked: model.active = !model.active
}
2020-10-11 21:01:21 +02:00
}
}