diff options
Diffstat (limited to 'examples/quick/keyinteraction/ListMenu.qml')
-rw-r--r-- | examples/quick/keyinteraction/ListMenu.qml | 82 |
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" + } } } } |