diff options
Diffstat (limited to 'demo3/horizontal/homescreen/homescreen/qml/main.qml')
-rw-r--r-- | demo3/horizontal/homescreen/homescreen/qml/main.qml | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/demo3/horizontal/homescreen/homescreen/qml/main.qml b/demo3/horizontal/homescreen/homescreen/qml/main.qml new file mode 100644 index 0000000..13500bd --- /dev/null +++ b/demo3/horizontal/homescreen/homescreen/qml/main.qml @@ -0,0 +1,171 @@ +/* + * Copyright (C) 2016 The Qt Company Ltd. + * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import QtQuick 2.2 +import QtQuick.Window 2.1 +import QtQuick.Layouts 1.1 +import HomeScreen 1.0 + +Window { + visible: true + flags: Qt.FramelessWindowHint + width: container.width * container.scale + height: container.height * container.scale + title: 'HomeScreen' + color: "#00000000" + + Image { + id: container + anchors.centerIn: parent + width: 1920 + height: 720 + scale: 1.0 + source: './images/menubar_background.png' + + ColumnLayout { + id: menuBar + anchors.fill: parent + spacing: 0 + TopArea { + id: topArea + anchors.horizontalCenter: parent.horizontalCenter + Layout.preferredHeight: 80 + x: 640 + } + + Item { + id: applicationArea + Layout.fillWidth: true + Layout.fillHeight: true + Layout.preferredHeight: 510 + + visible: true + MouseArea { + enabled: true + } + } + + ShortcutArea { + id: shortcutArea + anchors.horizontalCenter: parent.horizontalCenter + Layout.fillHeight: true + Layout.preferredHeight: 130 + } + } + states: [ + State { + name: "normal" + PropertyChanges { + target: container + y: 0 + } + PropertyChanges { + target: topArea + y: 0 + } + PropertyChanges { + target: applicationArea + y: 80 + } + PropertyChanges { + target: shortcutArea + y: 590 + } + }, + State { + name: "fullscreen" + PropertyChanges { + target: container + y: -720 + } + PropertyChanges { + target: topArea + y: -80 + } + PropertyChanges { + target: applicationArea + y: -510 + } + PropertyChanges { + target: shortcutArea + y: 720 + } + } + ] + transitions: Transition { + NumberAnimation { + target: topArea + property: "y" + easing.type: "OutQuad" + duration: 250 + } + NumberAnimation { + target: applicationArea + property: "y" + easing.type: "OutQuad" + duration: 250 + } + NumberAnimation { + target: shortcutArea + property: "y" + easing.type: "OutQuad" + duration: 250 + } + } + } + + + + + + Item { + id: switchBtn + anchors.right: parent.right + anchors.rightMargin: 20 + anchors.top: parent.top + anchors.topMargin: 5 + width: 55 + height: 55 + z: 1 + + MouseArea { + anchors.fill: parent + property string btnState: 'normal' + Image { + id: image + anchors.fill: parent + source: './images/normal.png' + } + onClicked: { + if (btnState === 'normal') { + image.source = './images/fullscreen.png' + btnState = 'fullscreen' + container.state = 'fullscreen' + container.opacity = 0.0 + touchArea.switchArea(1) + + } else { + image.source = './images/normal.png' + btnState = 'normal' + container.state = 'normal' + container.opacity = 1.0 + touchArea.switchArea(0) + } + } + } + } +} |