change size to 1920x1080

[apps/homescreen.git] / homescreen / qml / main.qml

diff --git a/homescreen/qml/main.qml b/homescreen/qml/main.qml
index 10509fd..909770d 100644 (file)
--- a/homescreen/qml/main.qml
+++ b/homescreen/qml/main.qml
@@ -28,17 +28,27 @@ Window {
     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: 720
+        height: 1080
         scale: 1.0
         source: './images/menubar_background.png'
 
         ColumnLayout {
             id: menuBar
-            anchors.fill: parent
+            width: 1920
+            height: 720
+//            y:180
             spacing: 0
             TopArea {
                 id: topArea
@@ -71,38 +81,38 @@ Window {
                 name: "normal"
                 PropertyChanges {
                     target: container
-                    y: 0
+                    y: 180
                 }
                 PropertyChanges {
                     target: topArea
-                    y: 0
+                    y: 180
                 }
                 PropertyChanges {
                     target: applicationArea
-                    y: 80
+                    y: 260
                 }
                 PropertyChanges {
                     target: shortcutArea
-                    y: 590
+                    y: 770
                 }
             },
             State {
                 name: "fullscreen"
                 PropertyChanges {
                     target: container
-                    y: -720
+                    y: -900
                 }
                 PropertyChanges {
                     target: topArea
-                    y: -80
+                    y: -260
                 }
                 PropertyChanges {
                     target: applicationArea
-                    y: -510
+                    y: -590
                 }
                 PropertyChanges {
                     target: shortcutArea
-                    y: 720
+                    y: 900
                 }
             }
         ]
@@ -128,25 +138,20 @@ Window {
         }
     }
 
-
-
-
-
     Item {
         id: switchBtn
-        width: 110
-        height: 110
+        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.right: parent.right
-            anchors.rightMargin: 20
-            anchors.top: parent.top
-            anchors.topMargin: 5
+            anchors.centerIn: parent
             source: './images/normal.png'
         }
 
@@ -162,16 +167,68 @@ Window {
             }
         }
     }
+
+    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);
+    }
 }