summaryrefslogtreecommitdiffstats
path: root/homescreen/qml/main.qml
diff options
context:
space:
mode:
authorzheng_wenlong <wenlong_zheng@nexty-ele.com>2019-04-05 19:45:14 +0900
committerZheng Wenlong <wenlong_zheng@nexty-ele.com>2019-04-10 01:25:48 +0000
commit51c221923d1cb380051a6a8804bd0ef371f37b45 (patch)
tree0b12d77dfb8595acb3169fc0ff20e6baaf61af1d /homescreen/qml/main.qml
Add demo3 homescreen source code [Patch Set 2]Update LICENSE file. Change-Id: I22768e87b2e440428cb38b84d52e152f50a4794e BUG-AGL: SPEC-2261 Signed-off-by: zheng_wenlong <wenlong_zheng@nexty-ele.com>
Diffstat (limited to 'homescreen/qml/main.qml')
-rw-r--r--homescreen/qml/main.qml235
1 files changed, 235 insertions, 0 deletions
diff --git a/homescreen/qml/main.qml b/homescreen/qml/main.qml
new file mode 100644
index 0000000..1a0965b
--- /dev/null
+++ b/homescreen/qml/main.qml
@@ -0,0 +1,235 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017-2019 TOYOTA MOTOR CORPORATION
+ *
+ * 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: fullscreen_back
+ anchors.centerIn: parent
+ width: 1920
+ height: 1080
+ source: './images/menubar_fullscreen_background.png'
+ }
+
+ Image {
+ id: container
+ anchors.centerIn: parent
+ width: 1920
+ height: 1080
+ scale: 1.0
+ source: './images/menubar_background.png'
+
+ ColumnLayout {
+ id: menuBar
+ width: 1920
+ height: 720
+// y:180
+ 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: 180
+ }
+ PropertyChanges {
+ target: topArea
+ y: 180
+ }
+ PropertyChanges {
+ target: applicationArea
+ y: 260
+ }
+ PropertyChanges {
+ target: shortcutArea
+ y: 770
+ }
+ },
+ State {
+ name: "fullscreen"
+ PropertyChanges {
+ target: container
+ y: -900
+ }
+ PropertyChanges {
+ target: topArea
+ y: -260
+ }
+ PropertyChanges {
+ target: applicationArea
+ y: -590
+ }
+ PropertyChanges {
+ target: shortcutArea
+ y: 900
+ }
+ }
+ ]
+ 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
+ width: 61
+ height: 61
+ anchors.right: parent.right
+ anchors.rightMargin: 17
+ anchors.top: parent.top
+ anchors.topMargin: 182
+ z: 1
+ Image {
+ id: image
+ width: 55
+ height: 55
+ anchors.centerIn: parent
+ source: './images/normal.png'
+ }
+
+ MouseArea {
+ anchors.fill: parent
+ property string btnState: 'normal'
+ onClicked: {
+ if (container.state === 'normal') {
+ turnToFullscreen()
+ } else {
+ turnToNormal()
+ }
+ }
+ }
+ }
+
+ Item {
+ id: splitSwitchBtn
+ width: 61
+ height: 61
+ anchors.right: switchBtn.left
+ anchors.top: parent.top
+ anchors.topMargin: 182
+ z: 1
+ property bool enableSplitSwitchBtn: false
+ Image {
+ id: splitSwitchImage
+ width: 55
+ height: 55
+ anchors.centerIn: parent
+ source: './images/split_switch_disable.png'
+ }
+
+ MouseArea {
+ property bool changed : false
+ anchors.fill: parent
+ onClicked: {
+ if (splitSwitchBtn.enableSplitSwitchBtn) {
+ if(changed) {
+ switchSplitArea(0)
+ changed = false
+ }
+ else {
+ switchSplitArea(1)
+ changed = true
+ }
+ }
+ }
+ }
+ }
+
+
+ function turnToFullscreen() {
+ image.source = './images/fullscreen.png'
+ container.state = 'fullscreen'
+ container.opacity = 0.0
+ touchArea.switchArea(1)
+ }
+
+ function turnToNormal() {
+ image.source = './images/normal.png'
+ container.state = 'normal'
+ container.opacity = 1.0
+ touchArea.switchArea(0)
+ }
+
+ function enableSplitSwitchBtn() {
+ splitSwitchImage.source = './images/split_switch.png'
+ splitSwitchBtn.enableSplitSwitchBtn = true
+ }
+
+ function disableSplitSwitchBtn() {
+ splitSwitchImage.source = './images/split_switch_disable.png'
+ splitSwitchBtn.enableSplitSwitchBtn = false;
+ }
+
+ function switchSplitArea(val) {
+ homescreenHandler.changeLayout(val);
+ }
+}