LF2/Alisa
6
0
Fork 0
Code Issues 10 Pull requests Projects 1 Releases Packages Wiki Activity Actions

native: add scroll bar

Browse source 
fixes #27
This commit is contained in:
Johannes Jöns 2024-07-12 01:06:31 +02:00
parent c6074c26e0
commit f4cfabea81
1 changed files with 26 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
native/MainPage.qml
View file

@ -99,6 +99,7 @@ Rectangle {
Rectangle {
height: 50
id: rect1
width: parent.width
color: getColors().midlight
@ -116,28 +117,36 @@ Rectangle {
}
}
ListView {
id: listView
ScrollView {
anchors {
top: rect1.bottom
}
Layout.fillWidth: true
Layout.fillHeight: true
model: filteredApiDataModel // Use the filtered model
delegate: Rectangle {
width: listView.width
height: 50
color: (index % 2 === 0) ? getColors().button : getColors().highlight // Alternating row colors
ListView {
id: listView
Layout.fillWidth: true
Layout.fillHeight: true
model: filteredApiDataModel // Use the filtered model
RowLayout {
anchors.fill: parent
spacing: 10
anchors.margins: 5
delegate: Rectangle {
width: listView.width
height: 50
color: (index % 2 === 0) ? getColors().button : getColors().highlight // Alternating row colors
Text { text: model.name; color: getColors().text; Layout.preferredWidth: 150; elide: Text.ElideRight }
Text { text: model.key; color: getColors().text; Layout.preferredWidth: 150; elide: Text.ElideRight }
Text { text: model.amount; color: getColors().text; Layout.preferredWidth: 100; elide: Text.ElideRight }
Text { text: model.start; color: getColors().text; Layout.preferredWidth: 100; elide: Text.ElideRight }
Text { text: model.end; color: getColors().text; Layout.preferredWidth: 100; elide: Text.ElideRight }
Text { text: model.group; color: getColors().text; Layout.preferredWidth: 150; elide: Text.ElideRight }
RowLayout {
anchors.fill: parent
spacing: 10
anchors.margins: 5
Text { text: model.name; color: getColors().text; Layout.preferredWidth: 150; elide: Text.ElideRight }
Text { text: model.key; color: getColors().text; Layout.preferredWidth: 150; elide: Text.ElideRight }
Text { text: model.amount; color: getColors().text; Layout.preferredWidth: 100; elide: Text.ElideRight }
Text { text: model.start; color: getColors().text; Layout.preferredWidth: 100; elide: Text.ElideRight }
Text { text: model.end; color: getColors().text; Layout.preferredWidth: 100; elide: Text.ElideRight }
Text { text: model.group; color: getColors().text; Layout.preferredWidth: 150; elide: Text.ElideRight }
}
}
}
}