Skip to content
GitLab
Select Git revision
  • 5.12
  • 5.12.12
  • 6.2 default
  • dev
  • 5.15
  • 5.12.11
  • 5.15.2
  • 5.12.10
  • 5.15.1
  • 5.12.9
  • 5.15.0
  • 5.14
  • 5.12.8
  • 5.14.2
  • 5.12.7
  • 5.14.1
  • 5.9
  • 5.14.0
  • 5.12.6
  • 5.13
  • v5.15.0-alpha1
  • v5.12.7
  • v5.14.1
  • v5.9.9
  • v5.14.0
  • v5.14.0-rc2
  • v5.14.0-rc1
  • v5.12.6
  • v5.14.0-beta3
  • v5.13.2
  • v5.14.0-beta2
  • v5.14.0-beta1
  • v5.14.0-alpha1
  • v5.12.5
  • v5.13.1
  • v5.13.0
  • v5.13.0-rc3
  • v5.12.4
  • v5.13.0-rc2
  • v5.13.0-rc1
Find file BlameHistoryPermalink
Panel.qml 5.28 KiB
1 
/****************************************************************************
2 
**
3 
** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
4 
** Contact: http://www.qt-project.org/legal
5 
**
6 
** This file is part of the Qt Quick Controls module of the Qt Toolkit.
7 
**
8 
** $QT_BEGIN_LICENSE:BSD$
9 
** You may use this file under the terms of the BSD license as follows:
10 
**
11 
** "Redistribution and use in source and binary forms, with or without
12 
** modification, are permitted provided that the following conditions are
13 
** met:
14 
**   * Redistributions of source code must retain the above copyright
15 
**     notice, this list of conditions and the following disclaimer.
16 
**   * Redistributions in binary form must reproduce the above copyright
17 
**     notice, this list of conditions and the following disclaimer in
18 
**     the documentation and/or other materials provided with the
19 
**     distribution.
20 
**   * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names
21 
**     of its contributors may be used to endorse or promote products derived
22 
**     from this software without specific prior written permission.
23 
**
24 
**
25 
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
26 
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
27 
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
28 
** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
29 
** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
30 
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
31 
** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
32 
** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
33 
** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
34 
** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
35 
** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
36 
**
37 
** $QT_END_LICENSE$
38 
**
39 
****************************************************************************/
40
41
42
43
44
45 
import QtQuick 2.1
46 
import QtQuick.Controls 1.0
47
48 
Rectangle {
49 
    id:root
50
51 
    width: 540
52 
    height: 340
53 
    color:"#c3c3c3"
54 
    ScrollView {
55 
        frameVisible: false
56 
        anchors.fill: parent
57
58 
        Item {
59 
            width:600
60 
            height:600
61 
            BorderImage {
62 
                id: page
63 
                source: "../images/page.png"
64 
                y:10; x:50
65 
                width: 400; height: 400
66 
                border.left: 12; border.top: 12
67 
                border.right: 12; border.bottom: 12
68 
                Text {
69 
                    id:text
70 
                    anchors.fill: parent
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
anchors.margins: 40 text:textfield.text } Rectangle { border.color: "#444" anchors.centerIn: parent color: Qt.rgba(s1.value, s2.value, s3.value) width: 200 height: width } } BorderImage { id: sidebar source: "../images/panel.png" anchors.left: parent.left anchors.top: parent.top width: show ? 160 : 40 height:root.height Behavior on width { NumberAnimation { easing.type: Easing.OutSine ; duration: 250 } } property bool show: false border.left: 0; border.right: 26; MouseArea { id:mouseArea anchors.fill: parent onClicked: sidebar.show = !sidebar.show } Column { id: panel1 opacity: sidebar.show ? 1 : 0 Behavior on opacity { NumberAnimation { easing.type:Easing.InCubic; duration: 600} } scale: sidebar.show ? 1 : 0 Behavior on scale { NumberAnimation { easing.type:Easing.InCubic; duration: 200 } } transformOrigin: Item.Top anchors.top: parent.top anchors.left: parent.left anchors.right: parent.right anchors.margins: 12 spacing:12 Button { width: parent.width - 12; text: "Close Panel"; onClicked: sidebar.show = false} TextField { id: textfield; text: "Some text" ; width: parent.width - 12} SpinBox { width: parent.width - 12} CheckBox{ id: expander; text:"Sliders"} } Column { id: panel2 opacity: expander.checked && sidebar.show ? 1 : 0 scale: opacity Behavior on opacity{ NumberAnimation { easing.type:Easing.OutSine; duration: 300}} transformOrigin: Item.Top anchors.top: panel1.bottom anchors.left: parent.left anchors.right: parent.right anchors.margins: 12 spacing: 12 Slider { id: s1; width:parent.width - 12; value:0.5} Slider { id: s2; width:parent.width - 12; value:0.5} Slider { id: s3; width:parent.width - 12; value:0.5} } } } } }
141