diff options
Diffstat (limited to 'homescreen/qml')
52 files changed, 1171 insertions, 0 deletions
diff --git a/homescreen/qml/IconItem.qml b/homescreen/qml/IconItem.qml new file mode 100644 index 0000000..9099c79 --- /dev/null +++ b/homescreen/qml/IconItem.qml @@ -0,0 +1,120 @@ +/* + * 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.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/homescreen/qml/ShortcutArea.qml b/homescreen/qml/ShortcutArea.qml new file mode 100644 index 0000000..1596b79 --- /dev/null +++ b/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-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.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/homescreen/qml/ShortcutIcon.qml b/homescreen/qml/ShortcutIcon.qml new file mode 100644 index 0000000..16c0a85 --- /dev/null +++ b/homescreen/qml/ShortcutIcon.qml @@ -0,0 +1,75 @@ +/* + * 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.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/homescreen/qml/StatusArea.qml b/homescreen/qml/StatusArea.qml new file mode 100644 index 0000000..60ce234 --- /dev/null +++ b/homescreen/qml/StatusArea.qml @@ -0,0 +1,215 @@ +/* + * 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.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/homescreen/qml/TopArea.qml b/homescreen/qml/TopArea.qml new file mode 100644 index 0000000..4e5ccf5 --- /dev/null +++ b/homescreen/qml/TopArea.qml @@ -0,0 +1,37 @@ +/* + * 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.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/homescreen/qml/images/Shortcut/launcher.png b/homescreen/qml/images/Shortcut/launcher.png Binary files differnew file mode 100644 index 0000000..6f91d50 --- /dev/null +++ b/homescreen/qml/images/Shortcut/launcher.png diff --git a/homescreen/qml/images/Shortcut/launcher_active.png b/homescreen/qml/images/Shortcut/launcher_active.png Binary files differnew file mode 100644 index 0000000..2706961 --- /dev/null +++ b/homescreen/qml/images/Shortcut/launcher_active.png diff --git a/homescreen/qml/images/Shortcut/mediaplayer.png b/homescreen/qml/images/Shortcut/mediaplayer.png Binary files differnew file mode 100644 index 0000000..8ea7d76 --- /dev/null +++ b/homescreen/qml/images/Shortcut/mediaplayer.png diff --git a/homescreen/qml/images/Shortcut/mediaplayer_active.png b/homescreen/qml/images/Shortcut/mediaplayer_active.png Binary files differnew file mode 100644 index 0000000..b130b92 --- /dev/null +++ b/homescreen/qml/images/Shortcut/mediaplayer_active.png diff --git a/homescreen/qml/images/Shortcut/music.svg b/homescreen/qml/images/Shortcut/music.svg new file mode 100644 index 0000000..b6ec056 --- /dev/null +++ b/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="&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/homescreen/qml/images/Shortcut/navigation.png b/homescreen/qml/images/Shortcut/navigation.png Binary files differnew file mode 100644 index 0000000..17b347b --- /dev/null +++ b/homescreen/qml/images/Shortcut/navigation.png diff --git a/homescreen/qml/images/Shortcut/navigation.svg b/homescreen/qml/images/Shortcut/navigation.svg new file mode 100644 index 0000000..97fcf31 --- /dev/null +++ b/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="&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/homescreen/qml/images/Shortcut/navigation_active.png b/homescreen/qml/images/Shortcut/navigation_active.png Binary files differnew file mode 100644 index 0000000..bebb23e --- /dev/null +++ b/homescreen/qml/images/Shortcut/navigation_active.png diff --git a/homescreen/qml/images/Shortcut/phone.png b/homescreen/qml/images/Shortcut/phone.png Binary files differnew file mode 100644 index 0000000..d0ca0af --- /dev/null +++ b/homescreen/qml/images/Shortcut/phone.png diff --git a/homescreen/qml/images/Shortcut/phone_active.png b/homescreen/qml/images/Shortcut/phone_active.png Binary files differnew file mode 100644 index 0000000..77e45fd --- /dev/null +++ b/homescreen/qml/images/Shortcut/phone_active.png diff --git a/homescreen/qml/images/Shortcut/settings.png b/homescreen/qml/images/Shortcut/settings.png Binary files differnew file mode 100644 index 0000000..8c36376 --- /dev/null +++ b/homescreen/qml/images/Shortcut/settings.png diff --git a/homescreen/qml/images/Shortcut/settings_active.png b/homescreen/qml/images/Shortcut/settings_active.png Binary files differnew file mode 100644 index 0000000..d863457 --- /dev/null +++ b/homescreen/qml/images/Shortcut/settings_active.png diff --git a/homescreen/qml/images/Shortcut/shortcut.qrc b/homescreen/qml/images/Shortcut/shortcut.qrc new file mode 100644 index 0000000..40462f4 --- /dev/null +++ b/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/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png b/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png Binary files differnew file mode 100644 index 0000000..10bd5a5 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Bluetooth_Inactive-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png b/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png Binary files differnew file mode 100644 index 0000000..1ff96e1 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Bluetooth_On-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png Binary files differnew file mode 100644 index 0000000..44ef700 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Signal_1Bars-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png Binary files differnew file mode 100644 index 0000000..fe4e776 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Signal_2Bars-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png Binary files differnew file mode 100644 index 0000000..892c6ec --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Signal_3Bars-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png Binary files differnew file mode 100644 index 0000000..f4f033b --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Signal_4Bars-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png Binary files differnew file mode 100644 index 0000000..18070b9 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Signal_Full-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png b/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png Binary files differnew file mode 100644 index 0000000..1b77207 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Signal_NoBars-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png Binary files differnew file mode 100644 index 0000000..c72461f --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Wifi_1Bar-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png Binary files differnew file mode 100644 index 0000000..448dd36 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Wifi_2Bars-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png Binary files differnew file mode 100644 index 0000000..3e407ad --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Wifi_3Bars-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png Binary files differnew file mode 100644 index 0000000..6f95e97 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Wifi_Full-01.png diff --git a/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png b/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png Binary files differnew file mode 100644 index 0000000..07f4f09 --- /dev/null +++ b/homescreen/qml/images/Status/HMI_Status_Wifi_NoBars-01.png diff --git a/homescreen/qml/images/Status/status.qrc b/homescreen/qml/images/Status/status.qrc new file mode 100644 index 0000000..d29c91a --- /dev/null +++ b/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/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png b/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png Binary files differnew file mode 100644 index 0000000..f5f8b19 --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_ALL-01.png diff --git a/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png b/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png Binary files differnew file mode 100644 index 0000000..3603a55 --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_Cloudy-01.png diff --git a/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png b/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png Binary files differnew file mode 100644 index 0000000..8fe1e18 --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_Moon-01.png diff --git a/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png b/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png Binary files differnew file mode 100644 index 0000000..09cd84f --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_PartiallyCloudy-01.png diff --git a/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png b/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png Binary files differnew file mode 100644 index 0000000..125b413 --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_Rain-01.png diff --git a/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png b/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png Binary files differnew file mode 100644 index 0000000..d0a9520 --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_Snow-01.png diff --git a/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png b/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png Binary files differnew file mode 100644 index 0000000..ee3a744 --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_Sun-01.png diff --git a/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png b/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png Binary files differnew file mode 100644 index 0000000..f6959f4 --- /dev/null +++ b/homescreen/qml/images/Weather/WeatherIcons_Thunderstorm-01.png diff --git a/homescreen/qml/images/Weather/weather.qrc b/homescreen/qml/images/Weather/weather.qrc new file mode 100644 index 0000000..2668fec --- /dev/null +++ b/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/homescreen/qml/images/fullscreen.png b/homescreen/qml/images/fullscreen.png Binary files differnew file mode 100644 index 0000000..f56a13c --- /dev/null +++ b/homescreen/qml/images/fullscreen.png diff --git a/homescreen/qml/images/images.qrc b/homescreen/qml/images/images.qrc new file mode 100644 index 0000000..b539f2a --- /dev/null +++ b/homescreen/qml/images/images.qrc @@ -0,0 +1,12 @@ +<RCC> + <qresource prefix="/images"> + <file>menubar_background.png</file> + <file>menubar_fullscreen_background.png</file> + <file>menubar_normal_mask.png</file> + <file>menubar_fullscreen_mask.png</file> + <file>fullscreen.png</file> + <file>normal.png</file> + <file>split_switch.png</file> + <file>split_switch_disable.png</file> + </qresource> +</RCC> diff --git a/homescreen/qml/images/menubar_background.png b/homescreen/qml/images/menubar_background.png Binary files differnew file mode 100644 index 0000000..a03a567 --- /dev/null +++ b/homescreen/qml/images/menubar_background.png diff --git a/homescreen/qml/images/menubar_fullscreen_background.png b/homescreen/qml/images/menubar_fullscreen_background.png Binary files differnew file mode 100644 index 0000000..438a871 --- /dev/null +++ b/homescreen/qml/images/menubar_fullscreen_background.png diff --git a/homescreen/qml/images/menubar_fullscreen_mask.png b/homescreen/qml/images/menubar_fullscreen_mask.png Binary files differnew file mode 100644 index 0000000..c6936d2 --- /dev/null +++ b/homescreen/qml/images/menubar_fullscreen_mask.png diff --git a/homescreen/qml/images/menubar_normal_mask.png b/homescreen/qml/images/menubar_normal_mask.png Binary files differnew file mode 100644 index 0000000..e87d4e2 --- /dev/null +++ b/homescreen/qml/images/menubar_normal_mask.png diff --git a/homescreen/qml/images/normal.png b/homescreen/qml/images/normal.png Binary files differnew file mode 100644 index 0000000..92dee7a --- /dev/null +++ b/homescreen/qml/images/normal.png diff --git a/homescreen/qml/images/split_switch.png b/homescreen/qml/images/split_switch.png Binary files differnew file mode 100644 index 0000000..751b2fa --- /dev/null +++ b/homescreen/qml/images/split_switch.png diff --git a/homescreen/qml/images/split_switch_disable.png b/homescreen/qml/images/split_switch_disable.png Binary files differnew file mode 100644 index 0000000..c4bfa67 --- /dev/null +++ b/homescreen/qml/images/split_switch_disable.png 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); + } +} diff --git a/homescreen/qml/qml.qrc b/homescreen/qml/qml.qrc new file mode 100644 index 0000000..933a8a5 --- /dev/null +++ b/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> |
