Add onscreenapp

[apps/onscreenapp.git] / app / Onscreen.qml

diff --git a/app/Onscreen.qml b/app/Onscreen.qml
new file mode 100644 (file)
index 0000000..cfad090
--- /dev/null
+++ b/app/Onscreen.qml
@@ -0,0 +1,156 @@
+import QtQuick 2.0
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+
+Rectangle {
+    id: mainform
+    height: 300
+    width: 1000
+    radius:2
+
+    gradient: Gradient {
+        GradientStop { position: 0.0; color: "#12262E" }
+        GradientStop { position: 1.0; color: "#18899B" }
+    }
+
+    ColumnLayout {
+        anchors {
+          topMargin: 10; bottomMargin:10
+          leftMargin: 20; rightMargin: 20
+          fill: parent
+        }
+        spacing: 2
+
+        ColumnLayout {
+            id: title_part
+            anchors {
+                top: parent.top
+                left: parent.left
+                    topMargin: 10
+            }
+
+            Label {
+                id: title
+                text: dsp_title
+                color: "white"
+                font.pixelSize: 32
+                font.bold: true
+                maximumLineCount: 1
+                wrapMode: Text.Wrap
+                elide: Text.ElideRight
+                horizontalAlignment: Label.AlignHCenter
+                verticalAlignment: Label.AlignVCenter
+                Layout.preferredWidth:  960
+                Layout.preferredHeight:  40
+            }
+
+            Image {
+                source: '../images/DividingLine.svg'
+                anchors.left: title.left
+                anchors.top: title.bottom
+            }
+        }
+
+        RowLayout {
+            id: contents_part
+            anchors {
+              left: parent.left; leftMargin: 20
+              right: parent.right; rightMargin: 20
+            }
+            Layout.preferredWidth: 920
+            Layout.alignment: Qt.AlignVCenter | Qt.AlignHCenter
+            spacing: 10
+            Image {
+                id: dsp_mark
+                source: dsp_icon
+                Layout.maximumHeight: 120
+                Layout.maximumWidth:  120
+            }
+            Label {
+                text: dsp_contents
+                color: "white"
+                font.pixelSize: 24
+                wrapMode: Text.Wrap
+                maximumLineCount: btn_area.visible ? 4 : 5
+                elide: Text.ElideRight
+                horizontalAlignment: Label.AlignLeft
+                verticalAlignment: Label.AlignVCenter
+                Layout.preferredWidth: 780
+                Layout.preferredHeight: 160
+            }
+        }
+
+        RowLayout {
+            id: btn_area
+            spacing: 60
+            visible: btnNum > 0 ? true : false
+            anchors {
+              horizontalCenter: parent.horizontalCenter
+            }
+            Layout.preferredWidth: parent.width*0.75
+            Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+
+            Button {
+                id: btn1
+                visible: btn1Name == "" ? false : true
+                text: btn1Name
+                onReleased: {
+                    btn1.highlighted = false
+                    eventHandler.onScreenReply(btn1.text)
+                }
+                onPressed: {
+                    btn1.highlighted = true
+                }
+                onCanceled: {
+                    btn1.highlighted = false
+                }
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            }
+
+            Button {
+                id: btn2
+                visible: btn2Name == "" ? false : true
+                text: btn2Name
+                onReleased: {
+                    btn2.highlighted = false
+                    eventHandler.onScreenReply(btn2.text)
+                }
+                onPressed: {
+                    btn2.highlighted = true
+                }
+                onCanceled: {
+                    btn2.highlighted = false
+                }
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            }
+
+            Button {
+                id: btn3
+                visible: btn3Name == "" ? false : true
+                text: btn3Name
+                onReleased: {
+                    btn3.highlighted = false
+                    eventHandler.onScreenReply(btn3.text)
+                }
+                onPressed: {
+                    btn3.highlighted = true
+                }
+                onCanceled: {
+                    btn3.highlighted = false
+                }
+                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+            }
+        }
+
+        Rectangle {
+            id: footer
+            opacity: 0
+            width: parent.width
+            height: 5
+            anchors {
+                bottom: parent.bottom
+            }
+        }
+    }
+
+}