diff options
| author | Bumjoon Park <bumjoon.park@qt.io> | 2023-03-23 17:11:12 +0900 |
|---|---|---|
| committer | Qt Cherry-pick Bot <cherrypick_bot@qt-project.org> | 2023-03-27 10:34:58 +0000 |
| commit | 3238e18d6b0dc45d2e765fb0b93da5cbf3f396ec (patch) | |
| tree | e9ea5df2ce1bf5bfa6177a081bf6423069a70013 /examples/quick/keyinteraction/GridMenu.qml | |
| parent | 26e86ee9ea26c9031d51d17448b9035a27fa9208 (diff) | |
- string are translated.
- JS statements no longer end with semi-colon.
- Fix qmllint warning.
Change-Id: I83f2b702c9bb9f02f86728e2277297272cd75251
Reviewed-by: Mitch Curtis <mitch.curtis@qt.io>
(cherry picked from commit 023849fce46d25edc41db7b7c9e275cb0de5c189)
Reviewed-by: Qt Cherry-pick Bot <cherrypick_bot@qt-project.org>
Diffstat (limited to 'examples/quick/keyinteraction/GridMenu.qml')
| -rw-r--r-- | examples/quick/keyinteraction/GridMenu.qml | 52 |
1 files changed, 41 insertions, 11 deletions
diff --git a/examples/quick/keyinteraction/GridMenu.qml b/examples/quick/keyinteraction/GridMenu.qml index d21f846089..b17a72bdc8 100644 --- a/examples/quick/keyinteraction/GridMenu.qml +++ b/examples/quick/keyinteraction/GridMenu.qml @@ -1,10 +1,12 @@ // Copyright (C) 2021 The Qt Company Ltd. // SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause +pragma ComponentBehavior: Bound import QtQuick FocusScope { id: menu + property alias interactive: gridView.interactive required property Item keyUpTarget required property Item keyDownTarget @@ -14,14 +16,24 @@ FocusScope { anchors.fill: parent clip: true gradient: Gradient { - GradientStop { position: 0.0; color: "#193441" } - GradientStop { position: 1.0; color: Qt.darker("#193441") } + GradientStop { + position: 0.0 + color: "#193441" + } + GradientStop { + position: 1.0 + color: Qt.darker("#193441") + } } GridView { id: gridView - anchors.fill: parent; anchors.leftMargin: 20; anchors.rightMargin: 20 - cellWidth: 152; cellHeight: 152 + + anchors.fill: parent + anchors.leftMargin: 20 + anchors.rightMargin: 20 + cellWidth: 152 + cellHeight: 152 focus: true model: 12 @@ -31,22 +43,36 @@ FocusScope { delegate: Item { id: container - width: GridView.view.cellWidth - height: GridView.view.cellHeight + + width: gridView.cellWidth + height: gridView.cellHeight required property int index Rectangle { id: content + color: "transparent" antialiasing: true - anchors.fill: parent; anchors.margins: 20; radius: 10 + anchors.fill: parent + anchors.margins: 20 + radius: 10 - Rectangle { color: "#91AA9D"; anchors.fill: parent; anchors.margins: 3; radius: 8; antialiasing: true } - Image { source: "images/qt-logo.png"; anchors.centerIn: parent } + Rectangle { + color: "#91AA9D" + anchors.fill: parent + anchors.margins: 3 + radius: 8 + antialiasing: true + } + Image { + source: "images/qt-logo.png" + anchors.centerIn: parent + } } MouseArea { id: mouseArea + anchors.fill: parent hoverEnabled: true @@ -57,7 +83,8 @@ FocusScope { } states: State { - name: "active"; when: container.activeFocus + name: "active" + when: container.activeFocus PropertyChanges { content { color: "#FCFFF5" @@ -67,7 +94,10 @@ FocusScope { } transitions: Transition { - NumberAnimation { properties: "scale"; duration: 100 } + NumberAnimation { + properties: "scale" + duration: 100 + } } } } |