summaryrefslogtreecommitdiffstats
path: root/demo3/horizontal/homescreen/homescreen/qml
diff options
context:
space:
mode:
Diffstat (limited to 'demo3/horizontal/homescreen/homescreen/qml')
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/IconItem.qml104
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/ShortcutArea.qml128
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/ShortcutIcon.qml74
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/StatusArea.qml214
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/TopArea.qml36
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher.pngbin0 -> 3594 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher_active.pngbin0 -> 14471 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer.pngbin0 -> 5333 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer_active.pngbin0 -> 15996 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/music.svg111
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.pngbin0 -> 5544 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.svg183
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation_active.pngbin0 -> 17333 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone.pngbin0 -> 5517 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone_active.pngbin0 -> 16965 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings.pngbin0 -> 7088 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings_active.pngbin0 -> 19811 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/shortcut.qrc16
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.pngbin0 -> 1170 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.pngbin0 -> 922 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.pngbin0 -> 570 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.pngbin0 -> 564 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.pngbin0 -> 560 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.pngbin0 -> 552 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.pngbin0 -> 544 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.pngbin0 -> 575 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.pngbin0 -> 1245 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.pngbin0 -> 1198 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.pngbin0 -> 1120 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.pngbin0 -> 995 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.pngbin0 -> 1278 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Status/status.qrc17
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_ALL-01.pngbin0 -> 1320 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.pngbin0 -> 715 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Moon-01.pngbin0 -> 749 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.pngbin0 -> 900 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Rain-01.pngbin0 -> 870 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Snow-01.pngbin0 -> 840 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Sun-01.pngbin0 -> 807 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.pngbin0 -> 886 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/Weather/weather.qrc12
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/fullscreen.pngbin0 -> 1633 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/images.qrc9
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/menubar_background.pngbin0 -> 69012 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/menubar_full_background.pngbin0 -> 5692 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/menubar_normal_background.pngbin0 -> 68924 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/images/normal.pngbin0 -> 1626 bytes
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/main.qml171
-rw-r--r--demo3/horizontal/homescreen/homescreen/qml/qml.qrc10
49 files changed, 1085 insertions, 0 deletions
diff --git a/demo3/horizontal/homescreen/homescreen/qml/IconItem.qml b/demo3/horizontal/homescreen/homescreen/qml/IconItem.qml
new file mode 100644
index 0000000..a5c032e
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/IconItem.qml
@@ -0,0 +1,104 @@
+import QtQuick 2.0
+import QtQuick.Controls 2.0
+import QtGraphicalEffects 1.0
+
+Item {
+ id: main
+ width: 320
+ height: 320
+ property string icon: model.icon
+
+ Item {
+ id: container
+ parent: loc
+ x: main.x
+ y: main.y
+ width: main.width
+ height: main.height
+
+ Image {
+ id: item
+ anchors.top: parent.top
+ anchors.topMargin: 20
+ anchors.horizontalCenter: parent.horizontalCenter
+ width: 220
+ height: width
+ source: './images/%1_%2.svg'.arg(model.icon).arg(loc.pressed && (loc.index === model.index || loc.currentId === model.id) ? 'active' : 'inactive')
+ antialiasing: item.state !== ''
+
+ property string initial: model.name.substring(0,1).toUpperCase()
+
+ Item {
+ id: title
+ width: 125
+ height: 125
+ anchors.centerIn: parent
+ Repeater {
+ delegate: Label {
+ style: Text.Outline
+ styleColor: 'red'
+ color: 'transparent'
+ font.pixelSize: 125
+ anchors.centerIn: parent
+ anchors.horizontalCenterOffset: model.index / 3 - 1
+ anchors.verticalCenterOffset: model.index % 3 - 1
+ text: item.initial
+ }
+ model: main.icon === 'blank' ? 9 : 0
+ }
+ layer.enabled: true
+ layer.effect: LinearGradient {
+ gradient: Gradient {
+ GradientStop { position: -0.5; color: "#6BFBFF" }
+ GradientStop { position: +1.5; color: "#00ADDC" }
+ }
+ }
+ }
+ }
+ Label {
+ id: name
+ anchors.top: item.bottom
+ anchors.left: parent.left
+ anchors.right: parent.right
+ anchors.margins: 20
+ font.pixelSize: 25
+ font.letterSpacing: 5
+ wrapMode: Text.WordWrap
+ horizontalAlignment: Text.AlignHCenter
+ color: "white"
+ text: qsTr(model.name.toUpperCase())
+ }
+
+ Behavior on x { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+ Behavior on y { enabled: item.state !== 'active'; NumberAnimation { duration: 400; easing.type: Easing.OutCubic } }
+ SequentialAnimation on rotation {
+ NumberAnimation { to: 5; duration: 100 }
+ NumberAnimation { to: -5; duration: 200 }
+ NumberAnimation { to: 0; duration: 100 }
+ running: loc.currentId !== '' && item.state !== 'active'
+ loops: Animation.Infinite; alwaysRunToEnd: true
+ }
+ states: [
+ State {
+ name: 'active'
+ when: loc.currentId == model.id
+ PropertyChanges {
+ target: container
+ x: loc.mouseX - width/2
+ y: loc.mouseY - height/2
+ scale: 1.15
+ z: 10
+ }
+ },
+ State {
+ when: loc.currentId !== ''
+ PropertyChanges {
+ target: container
+ scale: 0.85
+ opacity: 0.75
+ }
+ }
+ ]
+ transitions: Transition { NumberAnimation { properties: 'scale, opacity, x, y'; duration: 150; easing.type: Easing.OutCubic} }
+ }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/ShortcutArea.qml b/demo3/horizontal/homescreen/homescreen/qml/ShortcutArea.qml
new file mode 100644
index 0000000..b33df22
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/ShortcutArea.qml
@@ -0,0 +1,128 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ * Copyright (C) 2016, 2017 Mentor Graphics Development (Deutschland) GmbH
+ * Copyright (c) 2017 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.Layouts 1.1
+
+Item {
+ id: root
+ width: 700
+ height: 110
+
+ Timer {
+ id:informationTimer
+ interval: 3000
+ running: false
+ repeat: true
+ onTriggered: {
+ bottomInformation.visible = false
+ }
+ }
+
+
+ ListModel {
+ id: applicationModel
+ ListElement {
+ name: 'launcher'
+ application: 'launcher@0.1'
+ }
+ ListElement {
+ name: 'MediaPlayer'
+ application: 'mediaplayer@0.1'
+ }
+ ListElement {
+ name: 'navigation'
+ application: 'navigation@0.1'
+ }
+ ListElement {
+ name: 'Phone'
+ application: 'phone@0.1'
+ }
+ ListElement {
+ name: 'settings'
+ application: 'settings@0.1'
+ }
+ }
+
+ property int pid: -1
+
+ RowLayout {
+ anchors.fill: parent
+ spacing: 75
+ Repeater {
+ model: applicationModel
+ delegate: ShortcutIcon {
+// Layout.fillWidth: true
+// Layout.fillHeight: true
+ width: 60
+ height: 60
+ name: model.name
+ active: model.name === launcher.current
+ onClicked: {
+ if(model.application === 'navigation@0.1') {
+ pid = launcher.launch('browser@5.0')
+ } else {
+ pid = launcher.launch(model.application.toLowerCase())
+ }
+
+ if (1 < pid) {
+ applicationArea.visible = true
+ }
+ else {
+ console.warn(model.application)
+ console.warn("app cannot be launched!")
+ }
+ if(model.name === 'Navigation') {
+ homescreenHandler.tapShortcut('browser')
+ } else {
+ homescreenHandler.tapShortcut(model.name)
+ }
+ }
+ }
+ }
+ }
+ Rectangle {
+ id: bottomInformation
+ width: parent.width
+ height: parent.height-20
+ anchors.bottom: parent.bottom
+ color: "gray"
+ z: 1
+ opacity: 0.8
+ visible: false
+
+ Text {
+ id: informationText
+ anchors.centerIn: parent
+ font.pixelSize: 25
+ font.letterSpacing: 5
+ horizontalAlignment: Text.AlignHCenter
+ color: "white"
+ text: ""
+ }
+ }
+
+ Connections {
+ target: homescreenHandler
+ onInformation: {
+ informationText.text = text
+ bottomInformation.visible = true
+ informationTimer.restart()
+ }
+ }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/ShortcutIcon.qml b/demo3/horizontal/homescreen/homescreen/qml/ShortcutIcon.qml
new file mode 100644
index 0000000..026db32
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/ShortcutIcon.qml
@@ -0,0 +1,74 @@
+/*
+ * 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.Controls 2.0
+import QtGraphicalEffects 1.0
+
+MouseArea {
+ id: root
+ width: 70
+ height: 70
+ property string name: 'Home'
+ property bool active: false
+ Item {
+ id: icon
+ property real desaturation: 0
+ anchors.fill: parent
+ Image {
+ id: inactiveIcon
+ anchors.fill: parent
+ source: './images/Shortcut/%1.png'.arg(root.name.toLowerCase())
+ }
+ Image {
+ id: activeIcon
+ anchors.fill: parent
+ source: './images/Shortcut/%1_active.png'.arg(root.name.toLowerCase())
+ opacity: 0.0
+ }
+ layer.enabled: true
+ layer.effect: Desaturate {
+ id: desaturate
+ desaturation: icon.desaturation
+ cached: true
+ }
+ }
+
+ transitions: [
+ Transition {
+ NumberAnimation {
+ properties: 'opacity'
+ duration: 500
+ easing.type: Easing.OutExpo
+ }
+ NumberAnimation {
+ properties: 'desaturation'
+ duration: 250
+ }
+ }
+ ]
+
+ onPressed: {
+ activeIcon.opacity = 1.0
+ inactiveIcon.opacity = 0.0
+ }
+
+ onReleased: {
+ activeIcon.opacity = 0.0
+ inactiveIcon.opacity = 1.0
+ }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/StatusArea.qml b/demo3/horizontal/homescreen/homescreen/qml/StatusArea.qml
new file mode 100644
index 0000000..bd81767
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/StatusArea.qml
@@ -0,0 +1,214 @@
+/*
+ * 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.Layouts 1.1
+import HomeScreen 1.0
+
+Item {
+ id: root
+ width: 700
+ height: 80
+
+ property date now: new Date
+ Timer {
+ interval: 100; running: true; repeat: true;
+ onTriggered: root.now = new Date
+ }
+
+ Timer {
+ id:notificationTimer
+ interval: 3000
+ running: false
+ repeat: true
+ onTriggered: notificationItem.visible = false
+ }
+
+ Connections {
+ target: weather
+
+ onConditionChanged: {
+ var icon = ''
+
+ if (condition.indexOf("clouds") !== -1) {
+ icon = "WeatherIcons_Cloudy-01.png"
+ } else if (condition.indexOf("thunderstorm") !== -1) {
+ icon = "WeatherIcons_Thunderstorm-01.png"
+ } else if (condition.indexOf("snow") !== -1) {
+ icon = "WeatherIcons_Snow-01.png"
+ } else if (condition.indexOf("rain") !== -1) {
+ icon = "WeatherIcons_Rain-01.png"
+ }
+
+ condition_item.source = icon ? './images/Weather/' + icon : ''
+ }
+
+ onTemperatureChanged: {
+ temperature_item.text = temperature.split(".")[0] + '°F'
+ }
+ }
+
+ RowLayout {
+ anchors.fill: parent
+ spacing: 0
+ RowLayout {
+ id: icons
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ Layout.preferredWidth: 120
+ spacing: -10
+
+ Image {
+ id: bt_icon
+ Layout.preferredWidth: 50
+ Layout.preferredHeight: 50
+ source: connStatus ? './images/Status/HMI_Status_Bluetooth_On-01.png' : './images/Status/HMI_Status_Bluetooth_Inactive-01.png'
+ fillMode: Image.PreserveAspectFit
+ property string deviceName: "none"
+ property bool connStatus: false
+ Connections {
+ target: bluetooth
+ onConnectionEvent: {
+ console.log("onConnectionEvent", data.Status)
+ if (data.Status === "connected") {
+ bt_icon.connStatus = true
+ } else if (data.Status === "disconnected") {
+ bt_icon.connStatus = false
+ }
+ }
+ onDeviceUpdateEvent: {
+ console.log("onConnectionEvent", data.Paired)
+ if (data.Paired === "True" && data.Connected === "True") {
+ bt_icon.deviceName = data.name
+ bt_icon.connStatus = true
+ } else {
+ if(bt_icon.deviceName === data.Name)
+ {
+ bt_icon.connStatus = false
+ }
+ }
+ }
+ }
+ }
+
+ Repeater {
+ model: StatusBarModel { objectName: "statusBar" }
+ delegate: Image {
+ Layout.preferredWidth: 50
+ Layout.preferredHeight: 50
+ source: model.modelData
+ fillMode: Image.PreserveAspectFit
+ }
+ }
+ }
+ Item {
+ anchors.left: icons.right
+ Layout.fillHeight: true
+ width: 440
+ ColumnLayout {
+ anchors.fill: parent
+ anchors.margins: 17
+ spacing: 0
+ Text {
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ text: Qt.formatDate(now, 'dddd').toUpperCase()
+ font.family: 'Roboto'
+ font.pixelSize: 13
+ color: 'white'
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ }
+ Text {
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ text: Qt.formatTime(now, 'h:mm ap').toUpperCase()
+ font.family: 'Roboto'
+ font.pixelSize: 38
+ color: 'white'
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ }
+ }
+ }
+ RowLayout {
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ Layout.preferredHeight: 20
+
+ Image {
+ id: condition_item
+ source: './images/Weather/WeatherIcons_Rain-01.png'
+ }
+ Text {
+ id: temperature_item
+ text: '64°F'
+ color: 'white'
+ font.family: 'Helvetica'
+ font.pixelSize: 32
+ }
+ }
+ }
+
+ Item {
+ id: notificationItem
+ x: 0
+ y: 0
+ z: 1
+ width: parent.width
+ height: 100
+ opacity: 0.8
+ visible: false
+
+ Rectangle {
+ width: parent.width
+ height: parent.height
+ anchors.fill: parent
+ color: "gray"
+ Image {
+ id: notificationIcon
+ width: 70
+ height: 70
+ anchors.left: parent.left
+ anchors.leftMargin: 20
+ anchors.verticalCenter: parent.verticalCenter
+ source: ""
+ }
+
+ Text {
+ id: notificationtext
+ font.pixelSize: 25
+ anchors.left: notificationIcon.right
+ anchors.leftMargin: 5
+ anchors.verticalCenter: parent.verticalCenter
+ color: "white"
+ text: qsTr("")
+ }
+ }
+ }
+
+ Connections {
+ target: homescreenHandler
+ onNotification: {
+ notificationIcon.source = './images/Shortcut/%1.svg'.arg(id)
+ notificationtext.text = text
+ notificationItem.visible = true
+ notificationTimer.restart()
+ }
+ }
+
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/TopArea.qml b/demo3/horizontal/homescreen/homescreen/qml/TopArea.qml
new file mode 100644
index 0000000..978018c
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/TopArea.qml
@@ -0,0 +1,36 @@
+/*
+ * 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.Layouts 1.1
+import QtQuick.Controls 2.0
+
+Item {
+ width: 700
+ height: 80
+
+ RowLayout {
+ anchors.fill: parent
+ spacing: 0
+ StatusArea {
+ id: statusArea
+ Layout.fillWidth: true
+ Layout.fillHeight: true
+ Layout.preferredWidth: 700
+ }
+ }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher.png
new file mode 100644
index 0000000..6f91d50
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher_active.png
new file mode 100644
index 0000000..2706961
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/launcher_active.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer.png
new file mode 100644
index 0000000..8ea7d76
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer_active.png
new file mode 100644
index 0000000..b130b92
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/mediaplayer_active.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/music.svg b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/music.svg
new file mode 100644
index 0000000..b6ec056
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/music.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Multimedia_Inactive"
+ x="0px"
+ y="0px"
+ viewBox="0 0 300 300"
+ style="enable-background:new 0 0 300 300;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="music_inactive.svg"><metadata
+ id="metadata3511"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs3509" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1573"
+ inkscape:window-height="876"
+ id="namedview3507"
+ showgrid="false"
+ inkscape:zoom="0.78666667"
+ inkscape:cx="-90.254237"
+ inkscape:cy="150"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Multimedia_Inactive" /><style
+ type="text/css"
+ id="style3476">
+ .st0{fill:#FFFFFF;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:25px;}
+ .st3{letter-spacing:6;}
+ .st4{fill:url(#SVGID_1_);}
+ .st5{fill:url(#SVGID_2_);}
+ .st6{fill:url(#SVGID_3_);}
+</style><switch
+ id="switch3478"
+ transform="matrix(1.3307804,0,0,1.3314313,-62.924861,-27.945794)"><g
+ i:extraneous="self"
+ id="g3480"><g
+ id="g3482"><g
+ id="g3484"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="4.0481"
+ y1="287.94919"
+ x2="320.4859"
+ y2="-15.4029"
+ gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3487" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3489" /></linearGradient><path
+ class="st4"
+ d="m 160,238.8 c -0.2,0 -0.4,0 -0.6,0 C 101.4,238.5 54.5,191.1 54.8,133.1 55.2,75.3 102.3,28.5 160,28.5 c 0.2,0 0.4,0 0.6,0 58,0.3 104.9,47.7 104.6,105.7 l 0,0 C 264.8,192 217.7,238.8 160,238.8 Z m 0,-206.6 c -55.7,0 -101.2,45.2 -101.5,100.9 -0.3,55.9 45,101.7 100.9,102 0.2,0 0.4,0 0.6,0 55.7,0 101.2,-45.2 101.5,-100.9 0.3,-55.9 -45,-101.7 -100.9,-102 -0.2,0 -0.4,0 -0.6,0 z"
+ id="path3491"
+ style="fill:url(#SVGID_1_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="140.72141"
+ y1="202.2363"
+ x2="187.02119"
+ y2="68.704903"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3494" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3496" /></linearGradient><path
+ class="st5"
+ d="m 114.7,190.9 c -6.4,0 -12,-2.6 -14.8,-7.5 -2.9,-4.9 -5.4,-14.5 9.6,-23.2 4.8,-2.8 17.1,-3.9 20.8,-4 l 0.1,3.6 c -4.6,0.1 -15.5,1.4 -19.1,3.5 -9.4,5.4 -12.1,11.5 -8.3,18.3 3.8,6.6 14.6,7.6 24,2.2 6.6,-3.8 10.6,-10.5 10.7,-17.9 l -0.1,-0.7 0,-69.8 71.9,-14.2 0.1,71.3 c 0,6.7 -3.3,16.4 -12.5,21.8 -11.1,6.4 -24.1,4.8 -28.9,-3.5 -2.9,-4.9 -5.4,-14.5 9.6,-23.2 4.4,-2.5 14.4,-3.8 18.8,-3.9 l 0.1,3.6 c -4.2,0.1 -13.5,1.4 -17.1,3.5 -6.4,3.7 -13.1,9.9 -8.3,18.3 3.8,6.6 14.6,7.6 24,2.2 7.9,-4.5 10.7,-12.8 10.7,-18.5 l -0.1,-0.8 0,-66.4 -64.7,12.7 0,66.8 0.1,0.7 c 0,8.7 -4.7,16.6 -12.5,21.1 -4.7,2.7 -9.6,4 -14.1,4 z"
+ id="path3498"
+ style="fill:url(#SVGID_2_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="145.50549"
+ y1="203.8951"
+ x2="191.8053"
+ y2="70.363701"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3501" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3503" /></linearGradient><polygon
+ class="st6"
+ points="196.5,113.7 155.8,123.3 155,119.8 195.6,110.2 "
+ id="polygon3505"
+ style="fill:url(#SVGID_3_)" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.png
new file mode 100644
index 0000000..17b347b
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.svg b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.svg
new file mode 100644
index 0000000..97fcf31
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation.svg
@@ -0,0 +1,183 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;ns_ai;"
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Navigation_Inactive"
+ x="0px"
+ y="0px"
+ viewBox="0 0 300 300"
+ style="enable-background:new 0 0 300 300;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="navigation_inactive.svg"><metadata
+ id="metadata3897"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs3895" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1456"
+ inkscape:window-height="824"
+ id="namedview3893"
+ showgrid="false"
+ inkscape:zoom="0.78666667"
+ inkscape:cx="-90.254237"
+ inkscape:cy="150"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Navigation_Inactive" /><style
+ type="text/css"
+ id="style3836">
+ .st0{fill:#FFFFFF;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:25px;}
+ .st3{letter-spacing:6;}
+ .st4{fill:url(#SVGID_1_);}
+ .st5{fill:url(#SVGID_2_);}
+ .st6{fill:url(#SVGID_3_);}
+ .st7{fill:url(#SVGID_4_);}
+ .st8{fill:url(#SVGID_5_);}
+ .st9{fill:url(#SVGID_6_);}
+ .st10{fill:url(#SVGID_7_);}
+</style><switch
+ id="switch3838"
+ transform="matrix(1.3307804,0,0,1.3314313,-62.924861,-27.945794)"><g
+ i:extraneous="self"
+ id="g3840"><g
+ id="g3842"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="4.0481"
+ y1="287.94919"
+ x2="320.4859"
+ y2="-15.4029"
+ gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.0192,-3.0212)"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3845" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3847" /></linearGradient><path
+ class="st4"
+ d="m 160,238.8 c -0.2,0 -0.4,0 -0.6,0 C 101.4,238.5 54.5,191.1 54.8,133.1 55.2,75.3 102.3,28.5 160,28.5 c 0.2,0 0.4,0 0.6,0 58,0.3 104.9,47.7 104.6,105.7 l 0,0 C 264.8,192 217.7,238.8 160,238.8 Z m 0,-206.6 c -55.7,0 -101.2,45.2 -101.5,100.9 -0.3,55.9 45,101.7 100.9,102 0.2,0 0.4,0 0.6,0 55.7,0 101.2,-45.2 101.5,-100.9 0.3,-55.9 -45,-101.7 -100.9,-102 -0.2,0 -0.4,0 -0.6,0 z"
+ id="path3849"
+ style="fill:url(#SVGID_1_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="217.7681"
+ y1="287.112"
+ x2="149.73309"
+ y2="-43.9916"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3852" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3854" /></linearGradient><path
+ class="st5"
+ d="m 185.5,129.4 c -2.4,0 -4.2,1.8 -4.2,4.2 0,9.1 -5.7,17 -14.1,19.9 -1.7,0.6 -2.8,2.1 -2.8,4 l 0,30.6 c 0,1.3 0.6,2.4 1.4,3.3 1,0.8 2.1,1.1 3.4,1 29,-4.5 50.4,-29.4 50.4,-58.7 0,-2.4 -1.8,-4.2 -4.2,-4.2 l -29.9,0 z m -17,58.7 0,-30.4 c 9.9,-3.5 17,-12.9 17,-24 l 29.7,0 c 0,27.5 -20.3,50.5 -46.7,54.4 z"
+ id="path3856"
+ style="fill:url(#SVGID_2_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="159.0916"
+ y1="299.16891"
+ x2="91.056602"
+ y2="-31.934799"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3859" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3861" /></linearGradient><path
+ class="st6"
+ d="m 152.9,153.6 c -8.5,-3 -14.1,-10.9 -14.1,-19.9 0,-2.4 -1.8,-4.2 -4.2,-4.2 l -29.7,0 c -2.4,0 -4.2,1.8 -4.2,4.2 0,29.3 21.4,54.2 50.2,58.7 1.3,0.1 2.4,-0.1 3.4,-1 1,-0.8 1.4,-2 1.4,-3.3 l 0,-30.4 c 0.1,-1.8 -1.1,-3.4 -2.8,-4.1 z m -1.4,34.5 c -26.5,-4 -46.7,-26.9 -46.7,-54.5 l 29.7,0 c 0,11 7.1,20.5 17,24 l 0,30.5 z"
+ id="path3863"
+ style="fill:url(#SVGID_3_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_4_"
+ gradientUnits="userSpaceOnUse"
+ x1="192.5936"
+ y1="292.28491"
+ x2="124.5586"
+ y2="-38.818802"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3866" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3868" /></linearGradient><path
+ class="st7"
+ d="m 172.7,133.7 c 0,-7.1 -5.7,-12.7 -12.7,-12.7 -7,0 -12.7,5.7 -12.7,12.7 0,7.1 5.7,12.7 12.7,12.7 7,0 12.7,-5.7 12.7,-12.7 z m -12.7,8.5 c -4.7,0 -8.5,-3.8 -8.5,-8.5 0,-4.7 3.8,-8.5 8.5,-8.5 4.7,0 8.5,3.8 8.5,8.5 0,4.7 -3.8,8.5 -8.5,8.5 z"
+ id="path3870"
+ style="fill:url(#SVGID_4_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_5_"
+ gradientUnits="userSpaceOnUse"
+ x1="196.1102"
+ y1="291.56229"
+ x2="128.0752"
+ y2="-39.541401"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3873" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3875" /></linearGradient><path
+ class="st8"
+ d="m 160,70 c 29,0 53.4,19.3 61.1,45.8 l 4.4,0 c -7.8,-28.8 -34.2,-50 -65.5,-50 -31.3,0 -57.7,21.2 -65.5,50 l 4.4,0 C 106.6,89.3 131,70 160,70 Z"
+ id="path3877"
+ style="fill:url(#SVGID_5_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_6_"
+ gradientUnits="userSpaceOnUse"
+ x1="195.9514"
+ y1="291.59491"
+ x2="127.9165"
+ y2="-39.508701"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3880" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3882" /></linearGradient><path
+ class="st9"
+ d="m 160,74.2 c -25.7,0 -48.7,16.7 -56.6,41.2 -0.4,1.3 -0.1,2.7 0.7,3.8 0.7,1.1 2,1.7 3.4,1.7 l 33.5,0 c 1.3,0 2.3,-0.4 3.1,-1.4 4.1,-4.5 9.8,-7.1 15.8,-7.1 6,0 11.7,2.5 15.8,7.1 0.8,1 2,1.4 3.1,1.4 l 33.5,0 c 1.4,0 2.5,-0.6 3.4,-1.7 0.8,-1.1 1.1,-2.5 0.7,-3.8 C 208.7,90.9 185.7,74.2 160,74.2 Z m 19,42.5 c -4.7,-5.2 -11.5,-8.5 -19,-8.5 -7.5,0 -14.3,3.3 -19,8.5 l -33.5,0 c 7.1,-22.2 27.9,-38.2 52.5,-38.2 24.6,0 45.4,16 52.5,38.2 l -33.5,0 z"
+ id="path3884"
+ style="fill:url(#SVGID_6_)"
+ inkscape:connector-curvature="0" /><linearGradient
+ id="SVGID_7_"
+ gradientUnits="userSpaceOnUse"
+ x1="192.0486"
+ y1="292.39691"
+ x2="124.0136"
+ y2="-38.706799"><stop
+ offset="0"
+ style="stop-color:#00ADDC"
+ id="stop3887" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop3889" /></linearGradient><path
+ class="st10"
+ d="m 223.7,133.7 c 0,35.2 -28.4,63.7 -63.7,63.7 -35.3,0 -63.7,-28.4 -63.7,-63.7 0,-0.5 0,-1.1 0,-1.6 l -4.2,0 c 0,0.5 0,1.1 0,1.6 0,37.5 30.4,67.9 67.9,67.9 37.5,0 67.9,-30.4 67.9,-67.9 0,-0.5 0,-1.1 0,-1.6 l -4.2,0 c -0.1,0.5 0,1 0,1.6 z"
+ id="path3891"
+ style="fill:url(#SVGID_7_)"
+ inkscape:connector-curvature="0" /></g></g></switch></svg> \ No newline at end of file
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation_active.png
new file mode 100644
index 0000000..bebb23e
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/navigation_active.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone.png
new file mode 100644
index 0000000..d0ca0af
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone_active.png
new file mode 100644
index 0000000..77e45fd
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/phone_active.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings.png
new file mode 100644
index 0000000..8c36376
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings_active.png b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings_active.png
new file mode 100644
index 0000000..d863457
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/settings_active.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/shortcut.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/shortcut.qrc
new file mode 100644
index 0000000..40462f4
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Shortcut/shortcut.qrc
@@ -0,0 +1,16 @@
+<RCC>
+ <qresource prefix="/images/Shortcut">
+ <file>launcher.png</file>
+ <file>launcher_active.png</file>
+ <file>mediaplayer.png</file>
+ <file>mediaplayer_active.png</file>
+ <file>navigation.png</file>
+ <file>navigation_active.png</file>
+ <file>phone.png</file>
+ <file>phone_active.png</file>
+ <file>settings.png</file>
+ <file>settings_active.png</file>
+ <file>navigation.svg</file>
+ <file>music.svg</file>
+ </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png
new file mode 100644
index 0000000..10bd5a5
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png
new file mode 100644
index 0000000..1ff96e1
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png
new file mode 100644
index 0000000..44ef700
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png
new file mode 100644
index 0000000..fe4e776
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png
new file mode 100644
index 0000000..892c6ec
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png
new file mode 100644
index 0000000..f4f033b
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png
new file mode 100644
index 0000000..18070b9
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png
new file mode 100644
index 0000000..1b77207
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png
new file mode 100644
index 0000000..c72461f
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png
new file mode 100644
index 0000000..448dd36
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png
new file mode 100644
index 0000000..3e407ad
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png
new file mode 100644
index 0000000..6f95e97
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png
new file mode 100644
index 0000000..07f4f09
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Status/status.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/Status/status.qrc
new file mode 100644
index 0000000..d29c91a
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Status/status.qrc
@@ -0,0 +1,17 @@
+<RCC>
+ <qresource prefix="/images/Status">
+ <file>HMI_Status_Wifi_NoBars-01.png</file>
+ <file>HMI_Status_Bluetooth_Inactive-01.png</file>
+ <file>HMI_Status_Bluetooth_On-01.png</file>
+ <file>HMI_Status_Signal_1Bars-01.png</file>
+ <file>HMI_Status_Signal_2Bars-01.png</file>
+ <file>HMI_Status_Signal_3Bars-01.png</file>
+ <file>HMI_Status_Signal_4Bars-01.png</file>
+ <file>HMI_Status_Signal_Full-01.png</file>
+ <file>HMI_Status_Signal_NoBars-01.png</file>
+ <file>HMI_Status_Wifi_1Bar-01.png</file>
+ <file>HMI_Status_Wifi_2Bars-01.png</file>
+ <file>HMI_Status_Wifi_3Bars-01.png</file>
+ <file>HMI_Status_Wifi_Full-01.png</file>
+ </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png
new file mode 100644
index 0000000..f5f8b19
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png
new file mode 100644
index 0000000..3603a55
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png
new file mode 100644
index 0000000..8fe1e18
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png
new file mode 100644
index 0000000..09cd84f
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png
new file mode 100644
index 0000000..125b413
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png
new file mode 100644
index 0000000..d0a9520
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png
new file mode 100644
index 0000000..ee3a744
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png
new file mode 100644
index 0000000..f6959f4
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/Weather/weather.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/weather.qrc
new file mode 100644
index 0000000..2668fec
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/Weather/weather.qrc
@@ -0,0 +1,12 @@
+<RCC>
+ <qresource prefix="/images/Weather">
+ <file>WeatherIcons_ALL-01.png</file>
+ <file>WeatherIcons_Cloudy-01.png</file>
+ <file>WeatherIcons_Moon-01.png</file>
+ <file>WeatherIcons_PartiallyCloudy-01.png</file>
+ <file>WeatherIcons_Rain-01.png</file>
+ <file>WeatherIcons_Snow-01.png</file>
+ <file>WeatherIcons_Sun-01.png</file>
+ <file>WeatherIcons_Thunderstorm-01.png</file>
+ </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/fullscreen.png b/demo3/horizontal/homescreen/homescreen/qml/images/fullscreen.png
new file mode 100644
index 0000000..f56a13c
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/fullscreen.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/images.qrc b/demo3/horizontal/homescreen/homescreen/qml/images/images.qrc
new file mode 100644
index 0000000..e72f697
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/images.qrc
@@ -0,0 +1,9 @@
+<RCC>
+ <qresource prefix="/images">
+ <file>menubar_background.png</file>
+ <file>menubar_normal_background.png</file>
+ <file>menubar_full_background.png</file>
+ <file>fullscreen.png</file>
+ <file>normal.png</file>
+ </qresource>
+</RCC>
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/menubar_background.png b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_background.png
new file mode 100644
index 0000000..bb95916
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_background.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/menubar_full_background.png b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_full_background.png
new file mode 100644
index 0000000..39e12b9
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_full_background.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/menubar_normal_background.png b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_normal_background.png
new file mode 100644
index 0000000..ceb3684
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/menubar_normal_background.png
Binary files differ
diff --git a/demo3/horizontal/homescreen/homescreen/qml/images/normal.png b/demo3/horizontal/homescreen/homescreen/qml/images/normal.png
new file mode 100644
index 0000000..92dee7a
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/images/normal.png
Binary files differ
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)
+ }
+ }
+ }
+ }
+}
diff --git a/demo3/horizontal/homescreen/homescreen/qml/qml.qrc b/demo3/horizontal/homescreen/homescreen/qml/qml.qrc
new file mode 100644
index 0000000..933a8a5
--- /dev/null
+++ b/demo3/horizontal/homescreen/homescreen/qml/qml.qrc
@@ -0,0 +1,10 @@
+<RCC>
+ <qresource prefix="/">
+ <file>main.qml</file>
+ <file>ShortcutArea.qml</file>
+ <file>ShortcutIcon.qml</file>
+ <file>StatusArea.qml</file>
+ <file>TopArea.qml</file>
+ <file>IconItem.qml</file>
+ </qresource>
+</RCC>