X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=app%2Fmain.qml;fp=app%2Fmain.qml;h=15369cf62f9ad7c1e83c0615991847170638813f;hb=9c7608cf2c7e5eb4533c66a6a681108a3ebac92e;hp=0000000000000000000000000000000000000000;hpb=ec044f44133cad1d12311345437b13b1a953226e;p=apps%2Fonscreenapp.git

diff --git a/app/main.qml b/app/main.qml
new file mode 100644
index 0000000..15369cf
--- /dev/null
+++ b/app/main.qml
@@ -0,0 +1,67 @@
+import QtQuick 2.6
+import QtQuick.Controls 2.0
+
+ApplicationWindow {
+    id: root
+
+    color: "#00000000"
+   
+    Label {
+        id: message
+        anchors.top: parent.top
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.bottom: parent.bottom
+        anchors.margins: 20
+        font.pixelSize: 75
+        wrapMode: Text.WordWrap
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        color: "white"
+        text: "Only the video’s sound will be available while driving."
+    }
+
+    background : Image {
+        id: backgroundImg
+        anchors.fill: parent
+        anchors.topMargin: 0
+        anchors.bottomMargin: 0
+
+        visible: true
+        fillMode: Image.Stretch
+        source: 'images/black_normal.png'
+
+        state: "begin"
+        states: [
+            State {
+                name: "begin"
+                PropertyChanges { target: backgroundImg; opacity: 0.25 }
+            },
+            State {
+                name: "end"
+                PropertyChanges { target: backgroundImg; opacity: 0.75 }
+            }
+        ]
+
+        transitions: [
+            Transition {
+                from: "begin"; to: "end"
+                PropertyAnimation {target: backgroundImg; properties: "opacity"; duration: 2000}
+            }
+        ]
+    }
+
+    function showImage(area) {
+        if (area === 'normal') {
+            backgroundImg.source = 'images/black_normal.png'
+        } else {
+            backgroundImg.source = 'images/black_split.png'
+        }
+        backgroundImg.state = "end"
+    }
+
+    
+    function hideImage() {
+        backgroundImg.state = "begin"
+    }
+}