aboutsummaryrefslogtreecommitdiffstats
path: root/doc/qtdesignstudio/examples/SideMenu
diff options
context:
space:
mode:
Diffstat (limited to 'doc/qtdesignstudio/examples/SideMenu')
-rw-r--r--doc/qtdesignstudio/examples/SideMenu/CustomButton.qml214
-rw-r--r--doc/qtdesignstudio/examples/SideMenu/SideMenu.qml234
-rw-r--r--doc/qtdesignstudio/examples/SideMenu/SideMenu.qmlproject41
3 files changed, 489 insertions, 0 deletions
diff --git a/doc/qtdesignstudio/examples/SideMenu/CustomButton.qml b/doc/qtdesignstudio/examples/SideMenu/CustomButton.qml
new file mode 100644
index 0000000000..9f140b69a2
--- /dev/null
+++ b/doc/qtdesignstudio/examples/SideMenu/CustomButton.qml
@@ -0,0 +1,214 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Design Studio.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+** * Redistributions of source code must retain the above copyright
+** notice, this list of conditions and the following disclaimer.
+** * Redistributions in binary form must reproduce the above copyright
+** notice, this list of conditions and the following disclaimer in
+** the documentation and/or other materials provided with the
+** distribution.
+** * Neither the name of The Qt Company Ltd nor the names of its
+** contributors may be used to endorse or promote products derived
+** from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.1 as T
+import SideMenu 1.0
+
+T.Button {
+ id: control
+ width: 180
+ height: 70
+
+ font: Constants.font
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ contentItem.implicitHeight + topPadding + bottomPadding)
+ leftPadding: 4
+ rightPadding: 4
+
+ text: control.state
+ property alias text1Text: text1.text
+ autoExclusive: false
+ checkable: true
+
+
+ Image {
+ id: background
+ x: 15
+ y: 17
+ source: "assets/inactive_button.png"
+ }
+
+ Image {
+ id: contentItem
+ x: -1
+ y: 0
+ visible: true
+ source: "assets/hover_button.png"
+ }
+
+ Image {
+ id: image2
+ x: 0
+ y: -1
+ visible: true
+ source: "assets/active_button.png"
+ }
+
+ Text {
+ id: text1
+ x: -1
+ y: 16
+ width: 163
+ height: 16
+ color: "#ffffff"
+ text: "PRESSED"
+ horizontalAlignment: Text.AlignHCenter
+ font.weight: Font.ExtraLight
+ font.family: "IBM Plex Sans"
+ font.pixelSize: 12
+ }
+
+ states: [
+ State {
+ name: "checked"
+ when: control.checked
+
+ PropertyChanges {
+ target: background
+ x: 16
+ y: 16
+ width: 156
+ visible: false
+ }
+
+ PropertyChanges {
+ target: contentItem
+ visible: false
+ }
+
+ PropertyChanges {
+ target: image2
+ x: 0
+ y: 0
+ visible: true
+ }
+
+ PropertyChanges {
+ target: text1
+ x: 0
+ y: 16
+ width: 162
+ height: 16
+ text: "CHECKED"
+ horizontalAlignment: Text.AlignHCenter
+ }
+
+ },
+ State {
+ name: "hover"
+ when: control.hovered && !control.checked && !control.pressed
+
+ PropertyChanges {
+ target: image2
+ x: 0
+ visible: false
+ }
+
+ PropertyChanges {
+ target: background
+ x: 16
+ y: 16
+ visible: false
+ }
+
+ PropertyChanges {
+ target: contentItem
+ visible: true
+ }
+
+ PropertyChanges {
+ target: text1
+ x: -1
+ y: 16
+ width: 162
+ height: 16
+ color: "#d07533"
+ text: "HOVER"
+ horizontalAlignment: Text.AlignHCenter
+ }
+
+
+ },
+ State {
+ name: "normal"
+ when: !control.pressed && !control.checked &&!control.hovered
+
+
+ PropertyChanges {
+ target: image2
+ visible: false
+ }
+
+ PropertyChanges {
+ target: contentItem
+ visible: false
+ }
+
+ PropertyChanges {
+ target: background
+ visible: true
+ }
+
+ PropertyChanges {
+ target: text1
+ x: 15
+ y: 33
+ width: 163
+ height: 16
+ color: "#d07533"
+ text: "NORMAL"
+ horizontalAlignment: Text.AlignHCenter
+ }
+ }
+ ]
+}
diff --git a/doc/qtdesignstudio/examples/SideMenu/SideMenu.qml b/doc/qtdesignstudio/examples/SideMenu/SideMenu.qml
new file mode 100644
index 0000000000..4649d497e6
--- /dev/null
+++ b/doc/qtdesignstudio/examples/SideMenu/SideMenu.qml
@@ -0,0 +1,234 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the examples of the Qt Design Studio.
+**
+** $QT_BEGIN_LICENSE:BSD$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see https://www.qt.io/terms-conditions. For further
+** information use the contact form at https://www.qt.io/contact-us.
+**
+** BSD License Usage
+** Alternatively, you may use this file under the terms of the BSD license
+** as follows:
+**
+** "Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are
+** met:
+** * Redistributions of source code must retain the above copyright
+** notice, this list of conditions and the following disclaimer.
+** * Redistributions in binary form must reproduce the above copyright
+** notice, this list of conditions and the following disclaimer in
+** the documentation and/or other materials provided with the
+** distribution.
+** * Neither the name of The Qt Company Ltd nor the names of its
+** contributors may be used to endorse or promote products derived
+** from this software without specific prior written permission.
+**
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.8
+import QtQuick.Timeline 1.0
+import QtQuick.Controls 2.3
+
+Item {
+ id: root
+ width: 350
+ height: 1080
+ property alias slidermenuSlider_4BValue: slidermenu.slider_4BValue
+ property alias slidermenuSlider_4AValue: slidermenu.slider_4AValue
+ property alias slidermenuSlider_3CValue: slidermenu.slider_3CValue
+ property alias slidermenuSlider_3BValue: slidermenu.slider_3BValue
+ property alias slidermenuSlider_3AValue: slidermenu.slider_3AValue
+ property alias slidermenuSlider_1BValue: slidermenu.slider_1BValue
+ property alias slidermenuSlider_1CValue: slidermenu.slider_1CValue
+ property alias slidermenuSlider_2BValue: slidermenu.slider_2BValue
+ property alias slidermenuSlider_2AValue: slidermenu.slider_2AValue
+ property alias slidermenuSlider_1AValue: slidermenu.slider_1AValue
+
+ state: "closed"
+
+ Image {
+ id: sideMenuAsset
+ x: 0
+ y: 0
+ visible: false
+ source: "assets/rectangle_3_195_205.png"
+ }
+
+ Image {
+ id: imageOutline
+ x: -423
+ y: 0
+ height: 1079
+ source: "assets/empty_rect.png"
+ }
+
+ Image {
+ id: imageBackground
+ x: 0
+ y: 0
+ source: "assets/rectangle_3_195_205.png"
+
+ SliderMenu {
+ id: slidermenu
+ width: 349
+ height: 1079
+ slider_1AValue: -0.3
+ }
+ }
+
+ BurgerMenu {
+ id: burger_menu
+ x: 22
+ y: 20
+ }
+
+ Timeline {
+ id: timeline
+ enabled: true
+ animations: [
+ TimelineAnimation {
+ id: timelineAnimation
+ property: "currentFrame"
+ pingPong: false
+ duration: 300
+ from: 0
+ loops: 1
+ to: 1000
+ //alwaysRunToEnd: true
+ running: false
+ onFinished: root.state = "open"
+ },
+ TimelineAnimation {
+ id: timelineAnimation2
+ property: "currentFrame"
+ pingPong: false
+ duration: 700
+ from: 1000
+ loops: 1
+ to: 0
+ //alwaysRunToEnd: true
+ running: false
+ onFinished: root.state = "closed"
+ }
+ ]
+ endFrame: 1000
+ startFrame: 0
+
+ KeyframeGroup {
+ target: imageOutline
+ property: "x"
+ Keyframe {
+ easing.bezierCurve: [0.337, 0.229, 0.758, 0.282, 1, 1]
+ frame: 1000
+ value: 0
+ }
+
+ Keyframe {
+ frame: 1
+ value: -348
+ }
+ }
+
+ KeyframeGroup {
+ target: imageBackground
+ property: "x"
+ Keyframe {
+ frame: 402
+ value: -423
+ }
+
+ Keyframe {
+ frame: 0
+ value: -424
+ }
+
+ Keyframe {
+ easing.bezierCurve: [0.337, 0.229, 0.758, 0.282, 1, 1]
+ frame: 1000
+ value: 0
+ }
+ }
+ }
+
+ Connections {
+ target: burger_menu
+ onClicked: {
+ root.state = "opening"
+ }
+ enabled: root.state === "closed"
+ }
+
+ Connections {
+ target: burger_menu
+ onClicked: {
+ root.state = "closing"
+ }
+ enabled: root.state === "open"
+ }
+
+ states: [
+ State {
+ name: "opening"
+
+ PropertyChanges {
+ target: timelineAnimation
+ running: true
+ }
+
+ PropertyChanges {
+ target: burger_menu
+ enabled: false
+ }
+
+ PropertyChanges {
+ target: slidermenu
+ visible: false
+ }
+ },
+ State {
+ name: "open"
+ },
+ State {
+ name: "closing"
+ PropertyChanges {
+ target: timelineAnimation2
+ running: true
+ }
+
+ PropertyChanges {
+ target: burger_menu
+ enabled: false
+ }
+ },
+ State {
+ name: "closed"
+ PropertyChanges {
+ target: slidermenu
+ visible: false
+ }
+ }
+ ]
+}
diff --git a/doc/qtdesignstudio/examples/SideMenu/SideMenu.qmlproject b/doc/qtdesignstudio/examples/SideMenu/SideMenu.qmlproject
new file mode 100644
index 0000000000..22969ff4d8
--- /dev/null
+++ b/doc/qtdesignstudio/examples/SideMenu/SideMenu.qmlproject
@@ -0,0 +1,41 @@
+/* File generated by Qt Creator */
+
+import QmlProject 1.1
+
+Project {
+ mainFile: "MainFile.ui.qml"
+
+ /* Include .qml, .js, and image files from current directory and subdirectories */
+ QmlFiles {
+ directory: "."
+ }
+
+ JavaScriptFiles {
+ directory: "."
+ }
+
+ ImageFiles {
+ directory: "."
+ }
+
+ Files {
+ filter: "*.conf"
+ files: ["qtquickcontrols2.conf"]
+ }
+
+ Files {
+ filter: "qmldir"
+ directory: "."
+ }
+
+ Environment {
+ QT_QUICK_CONTROLS_CONF: "qtquickcontrols2.conf"
+ QT_AUTO_SCREEN_SCALE_FACTOR: "1"
+ }
+
+ /* List of plugin directories passed to QML runtime */
+ importPaths: [ "imports" ]
+
+ /* Required for deployment */
+ targetDirectory: "/tmp/SideMenu"
+}
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-22 08:37:15 +0000