aboutsummaryrefslogtreecommitdiffstats
path: root/examples/quick/keyinteraction/ListMenu.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/quick/keyinteraction/ListMenu.qml')
-rw-r--r--examples/quick/keyinteraction/ListMenu.qml82
1 files changed, 66 insertions, 16 deletions
diff --git a/examples/quick/keyinteraction/ListMenu.qml b/examples/quick/keyinteraction/ListMenu.qml
index 47201099ff..0f4763e1b2 100644
--- a/examples/quick/keyinteraction/ListMenu.qml
+++ b/examples/quick/keyinteraction/ListMenu.qml
@@ -6,67 +6,117 @@ import QtQuick
FocusScope {
id: menu
+
clip: true
required property Item keyUpTarget
required property Item keyLeftTarget
ListView {
id: list1
- y: activeFocus ? 10 : 40; width: parent.width / 3; height: parent.height - 20
+
+ y: activeFocus ? 10 : 40
+ width: parent.width / 3
+ height: parent.height - 20
focus: true
+
KeyNavigation.up: menu.keyUpTarget
KeyNavigation.left: menu.keyLeftTarget
KeyNavigation.right: list2
- model: 10; cacheBuffer: 200
+
+ model: 10
+ cacheBuffer: 200
delegate: ListViewDelegate {}
Behavior on y {
- NumberAnimation { duration: 600; easing.type: Easing.OutQuint }
+ NumberAnimation {
+ duration: 600
+ easing.type: Easing.OutQuint
+ }
}
}
ListView {
id: list2
- y: activeFocus ? 10 : 40; x: parseInt(parent.width / 3); width: parent.width / 3; height: parent.height - 20
+
+ y: activeFocus ? 10 : 40
+ x: parseInt(parent.width / 3)
+ width: parent.width / 3
+ height: parent.height - 20
+
KeyNavigation.up: menu.keyUpTarget
KeyNavigation.left: list1
KeyNavigation.right: list3
- model: 10; cacheBuffer: 200
+
+ model: 10
+ cacheBuffer: 200
delegate: ListViewDelegate {}
Behavior on y {
- NumberAnimation { duration: 600; easing.type: Easing.OutQuint }
+ NumberAnimation {
+ duration: 600
+ easing.type: Easing.OutQuint
+ }
}
}
ListView {
id: list3
- y: activeFocus ? 10 : 40; x: parseInt(2 * parent.width / 3); width: parent.width / 3; height: parent.height - 20
+
+ y: activeFocus ? 10 : 40
+ x: parseInt(2 * parent.width / 3)
+ width: parent.width / 3
+ height: parent.height - 20
+
KeyNavigation.up: menu.keyUpTarget
KeyNavigation.left: list2
- model: 10; cacheBuffer: 200
+
+ model: 10
+ cacheBuffer: 200
delegate: ListViewDelegate {}
Behavior on y {
- NumberAnimation { duration: 600; easing.type: Easing.OutQuint }
+ NumberAnimation {
+ duration: 600
+ easing.type: Easing.OutQuint
+ }
}
}
- Rectangle { width: parent.width; height: 1; color: "#D1DBBD" }
+ Rectangle {
+ width: parent.width
+ height: 1
+ color: "#D1DBBD"
+ }
Rectangle {
- y: 1; width: parent.width; height: 10
+ y: 1
+ width: parent.width
+ height: 10
gradient: Gradient {
- GradientStop { position: 0.0; color: "#3E606F" }
- GradientStop { position: 1.0; color: "transparent" }
+ GradientStop {
+ position: 0.0
+ color: "#3E606F"
+ }
+ GradientStop {
+ position: 1.0
+ color: "transparent"
+ }
}
}
Rectangle {
- y: parent.height - 10; width: parent.width; height: 10
+ y: parent.height - 10
+ width: parent.width
+ height: 10
gradient: Gradient {
- GradientStop { position: 1.0; color: "#3E606F" }
- GradientStop { position: 0.0; color: "transparent" }
+ GradientStop {
+ position: 1.0
+ color: "#3E606F"
+ }
+ GradientStop {
+ position: 0.0
+ color: "transparent"
+ }
}
}
}