add navigation base on stack view
This commit is contained in:
@@ -7,88 +7,96 @@ ApplicationWindow {
|
||||
height: 800
|
||||
title: qsTr("Doric Demo")
|
||||
|
||||
Rectangle {
|
||||
anchors.fill: parent
|
||||
|
||||
ScrollView {
|
||||
id: entry
|
||||
|
||||
anchors.fill: parent
|
||||
|
||||
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
||||
ScrollBar.vertical.policy: ScrollBar.AlwaysOff
|
||||
|
||||
ListView {
|
||||
width: parent.width
|
||||
model: 23
|
||||
delegate: Rectangle {
|
||||
Column {
|
||||
anchors.centerIn: parent
|
||||
Text {
|
||||
text: {
|
||||
switch (index) {
|
||||
case 0:
|
||||
return "ComponetDemo.js"
|
||||
case 1:
|
||||
return "Counter.js"
|
||||
case 2:
|
||||
return "DraggableDemo.js"
|
||||
case 3:
|
||||
return "EffectsDemo.js"
|
||||
case 4:
|
||||
return "FlexDemo.js"
|
||||
case 5:
|
||||
return "Gobang.js"
|
||||
case 6:
|
||||
return "ImageDemo.js"
|
||||
case 7:
|
||||
return "InputDemo.js"
|
||||
case 8:
|
||||
return "LayoutDemo.js"
|
||||
case 9:
|
||||
return "LayoutTestDemo.js"
|
||||
case 10:
|
||||
return "ModalDemo.js"
|
||||
case 11:
|
||||
return "ModularDemo.js"
|
||||
case 12:
|
||||
return "NavigatorDemo.js"
|
||||
case 13:
|
||||
return "NetworkDemo.js"
|
||||
case 14:
|
||||
return "NotificationDemo.js"
|
||||
case 15:
|
||||
return "PopoverDemo.js"
|
||||
case 16:
|
||||
return "ScrollerDemo.js"
|
||||
case 17:
|
||||
return "SimpleDemo.js"
|
||||
case 18:
|
||||
return "SliderDemo.js"
|
||||
case 19:
|
||||
return "Snake.js"
|
||||
case 20:
|
||||
return "StorageDemo.js"
|
||||
case 21:
|
||||
return "SwitchDemo.js"
|
||||
case 22:
|
||||
return "TextDemo.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
width: parent.width
|
||||
height: 60
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: {
|
||||
demoBridge.navigate(index)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
onChildrenChanged: {
|
||||
stack.push(this.children[this.children.length - 1])
|
||||
}
|
||||
}
|
||||
|
||||
StackView {
|
||||
id: stack
|
||||
initialItem: entry
|
||||
anchors.fill: parent
|
||||
}
|
||||
|
||||
ScrollView {
|
||||
id: entry
|
||||
|
||||
anchors.fill: parent
|
||||
|
||||
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
||||
ScrollBar.vertical.policy: ScrollBar.AlwaysOff
|
||||
|
||||
ListView {
|
||||
width: parent.width
|
||||
model: 23
|
||||
delegate: Rectangle {
|
||||
Column {
|
||||
anchors.centerIn: parent
|
||||
Text {
|
||||
text: {
|
||||
switch (index) {
|
||||
case 0:
|
||||
return "ComponetDemo.js"
|
||||
case 1:
|
||||
return "Counter.js"
|
||||
case 2:
|
||||
return "DraggableDemo.js"
|
||||
case 3:
|
||||
return "EffectsDemo.js"
|
||||
case 4:
|
||||
return "FlexDemo.js"
|
||||
case 5:
|
||||
return "Gobang.js"
|
||||
case 6:
|
||||
return "ImageDemo.js"
|
||||
case 7:
|
||||
return "InputDemo.js"
|
||||
case 8:
|
||||
return "LayoutDemo.js"
|
||||
case 9:
|
||||
return "LayoutTestDemo.js"
|
||||
case 10:
|
||||
return "ModalDemo.js"
|
||||
case 11:
|
||||
return "ModularDemo.js"
|
||||
case 12:
|
||||
return "NavigatorDemo.js"
|
||||
case 13:
|
||||
return "NetworkDemo.js"
|
||||
case 14:
|
||||
return "NotificationDemo.js"
|
||||
case 15:
|
||||
return "PopoverDemo.js"
|
||||
case 16:
|
||||
return "ScrollerDemo.js"
|
||||
case 17:
|
||||
return "SimpleDemo.js"
|
||||
case 18:
|
||||
return "SliderDemo.js"
|
||||
case 19:
|
||||
return "Snake.js"
|
||||
case 20:
|
||||
return "StorageDemo.js"
|
||||
case 21:
|
||||
return "SwitchDemo.js"
|
||||
case 22:
|
||||
return "TextDemo.js"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
width: parent.width
|
||||
height: 60
|
||||
MouseArea {
|
||||
anchors.fill: parent
|
||||
onClicked: {
|
||||
demoBridge.navigate(index)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user