summaryrefslogtreecommitdiffstats
path: root/imports/qtquickcontrols2aglstyle
diff options
context:
space:
mode:
authorScott Murray <scott.murray@konsulko.com>2017-03-28 17:32:16 -0400
committerScott Murray <scott.murray@konsulko.com>2017-03-28 17:47:21 -0400
commita78db8638590c797c78c36b2ef3de5ed9c012bba (patch)
tree7b02d27893d46ebeb4352a6cee1d9c8ef7a60ccf /imports/qtquickcontrols2aglstyle
parentdf17a8930d7c8eb896dc5c773e125958606a28b2 (diff)
Pull AGL QtQuickControls2 style customizations out of CES2017 repository. Bug-AGL: SPEC-462 Change-Id: I7d7c6df3ea2832026adf26c640c56308668f0340 Signed-off-by: Scott Murray <scott.murray@konsulko.com>
Diffstat (limited to 'imports/qtquickcontrols2aglstyle')
-rw-r--r--imports/qtquickcontrols2aglstyle/ApplicationWindow.qml36
-rw-r--r--imports/qtquickcontrols2aglstyle/Button.qml63
-rw-r--r--imports/qtquickcontrols2aglstyle/Label.qml25
-rw-r--r--imports/qtquickcontrols2aglstyle/Page.qml58
-rw-r--r--imports/qtquickcontrols2aglstyle/ProgressBar.qml51
-rw-r--r--imports/qtquickcontrols2aglstyle/Slider.qml56
-rw-r--r--imports/qtquickcontrols2aglstyle/Switch.qml28
-rw-r--r--imports/qtquickcontrols2aglstyle/TextField.qml40
-rw-r--r--imports/qtquickcontrols2aglstyle/Tumbler.qml86
-rw-r--r--imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.pngbin0 -> 944767 bytes
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg93
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg93
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg70
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg82
-rw-r--r--imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro8
15 files changed, 789 insertions, 0 deletions
diff --git a/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
new file mode 100644
index 0000000..04dd476
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Window 2.2
+import QtQuick.Templates 2.0 as T
+
+T.ApplicationWindow {
+ id: root
+ width: 1080
+ height: 1920 - 218 - 215
+ visible: true
+ flags: Qt.FramelessWindowHint
+
+ font.family: 'Robota'
+
+ background: Image {
+ anchors.fill: parent
+ anchors.topMargin: -218
+ anchors.bottomMargin: -215
+ source: './images/AGL_HMI_Background_NoCar-01.png'
+ }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Button.qml b/imports/qtquickcontrols2aglstyle/Button.qml
new file mode 100644
index 0000000..eee700d
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Button.qml
@@ -0,0 +1,63 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Window 2.0
+import QtQuick.Templates 2.0 as T
+
+T.Button {
+ id: root
+ implicitWidth: background.implicitWidth
+ implicitHeight: background.implicitHeight
+ font.family: 'Roboto'
+ font.pixelSize: Math.min(Screen.width, Screen.height) / 50
+
+ Translate {
+ id: translate
+ }
+
+ contentItem: Text {
+ text: root.text
+ font: root.font
+ opacity: enabled ? 1.0 : 0.3
+ color: 'white'
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ elide: Text.ElideRight
+ transform: translate
+ }
+
+ background: Image {
+ source: root.highlighted ? './images/HMI_Settings_Button_Ok.svg' : './images/HMI_Settings_Button_Cancel.svg'
+ transform: translate
+ }
+
+ states: [
+ State {
+ name: 'pressed'
+ when: root.pressed
+ PropertyChanges {
+ target: translate
+ x: 3
+ y: 3
+ }
+ PropertyChanges {
+ target: background
+ opacity: 0.75
+ }
+ }
+ ]
+}
diff --git a/imports/qtquickcontrols2aglstyle/Label.qml b/imports/qtquickcontrols2aglstyle/Label.qml
new file mode 100644
index 0000000..3e9a934
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Label.qml
@@ -0,0 +1,25 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Window 2.2
+import QtQuick.Templates 2.0 as T
+
+T.Label {
+ font.family: 'Roboto'
+ font.pixelSize: Math.min(Screen.width, Screen.height) / 30
+ color: 'white'
+}
diff --git a/imports/qtquickcontrols2aglstyle/Page.qml b/imports/qtquickcontrols2aglstyle/Page.qml
new file mode 100644
index 0000000..8a085e9
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Page.qml
@@ -0,0 +1,58 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Templates 2.0 as T
+
+T.Page {
+ id: root
+
+ Item {
+ id: headerItem
+ height: 200
+ opacity: 0.0
+ Label {
+ id: text
+ text: root.title.toUpperCase()
+ anchors.left: bar.left
+ anchors.bottom: bar.top
+ }
+ Rectangle {
+ id: bar
+ anchors.horizontalCenter: parent.horizontalCenter
+ anchors.bottom: parent.bottom
+ width: root.width * 0.85
+ height: 1
+ color: 'white'
+ }
+ }
+ states: [
+ State {
+ when: root.title.length > 0
+ PropertyChanges {
+ target: root
+ header: headerItem
+ }
+ PropertyChanges {
+ target: headerItem
+ opacity: 0.5
+ }
+ }
+ ]
+
+ contentItem: Item {}
+ background: Item {}
+}
diff --git a/imports/qtquickcontrols2aglstyle/ProgressBar.qml b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
new file mode 100644
index 0000000..26135a1
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
@@ -0,0 +1,51 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Templates 2.0 as T
+
+T.ProgressBar {
+ id: control
+ implicitWidth: background.implicitWidth
+ implicitHeight: background.implicitHeight
+
+ background: Rectangle {
+ implicitWidth: 200
+ implicitHeight: 10
+ radius: control.height / 2
+ x: control.leftPadding
+ y: parent.height / 2 - height / 2
+ color: "#666666"
+ }
+
+ contentItem: Item {
+ implicitWidth: background.implicitWidth
+ implicitHeight: background.implicitHeight
+
+ Rectangle {
+ rotation: -90
+ transformOrigin: Item.TopLeft
+ y: 10
+ width: parent.height
+ height: control.visualPosition * background.width
+ radius: width / 2
+ gradient: Gradient {
+ GradientStop { position: 0.0; color: '#59FF7F' }
+ GradientStop { position: 1.0; color: '#6BFBFF' }
+ }
+ }
+ }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Slider.qml b/imports/qtquickcontrols2aglstyle/Slider.qml
new file mode 100644
index 0000000..6c9863b
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Slider.qml
@@ -0,0 +1,56 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Templates 2.0 as T
+
+T.Slider {
+ id: root
+ implicitWidth: background.implicitWidth
+ implicitHeight: handle.implicitHeight
+
+ background: Rectangle {
+ implicitWidth: 200
+ height: 10
+ radius: height / 2
+ x: root.leftPadding
+ y: parent.height / 2 - height / 2
+ color: "#666666"
+
+ Rectangle {
+ rotation: -90
+ transformOrigin: Item.TopLeft
+ y: parent.height
+ width: parent.height
+ height: handle.x + handle.width
+ radius: width / 2
+ gradient: Gradient {
+ GradientStop { position: 0.0; color: '#59FF7F' }
+ GradientStop { position: 1.0; color: '#6BFBFF' }
+ }
+ }
+ }
+
+ handle: Rectangle {
+ x: root.leftPadding + root.visualPosition * (root.availableWidth - width)
+ y: root.topPadding + root.availableHeight / 2 - height / 2
+ implicitWidth: implicitHeight
+ implicitHeight: 50
+ radius: implicitHeight / 2
+ color: root.pressed ? "#f0f0f0" : "#f6f6f6"
+ border.color: "#bdbebf"
+ }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Switch.qml b/imports/qtquickcontrols2aglstyle/Switch.qml
new file mode 100644
index 0000000..f3f712e
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Switch.qml
@@ -0,0 +1,28 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Templates 2.0 as T
+
+T.Switch {
+ id: root
+ implicitWidth: indicator.implicitWidth
+ implicitHeight: indicator.implicitHeight
+
+ indicator: Image {
+ source: root.checked ? './images/HMI_Settings_Toggle_ON.svg' : './images/HMI_Settings_Toggle_OFF.svg'
+ }
+}
diff --git a/imports/qtquickcontrols2aglstyle/TextField.qml b/imports/qtquickcontrols2aglstyle/TextField.qml
new file mode 100644
index 0000000..5429afb
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/TextField.qml
@@ -0,0 +1,40 @@
+/*
+ * Copyright (C) 2016 The Qt Company Ltd.
+ *
+ * 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.6
+import QtQuick.Window 2.2
+import QtQuick.Templates 2.0 as T
+
+T.TextField {
+ id: root
+ implicitWidth: background.implicitWidth
+ implicitHeight: background.implicitHeight
+ font.family: 'Roboto'
+ font.pixelSize: Math.min(Screen.width, Screen.height) / 20
+ color: 'white'
+
+ background: Item {
+ implicitWidth: 586
+ implicitHeight: Math.min(Screen.width, Screen.height) / 20
+ Rectangle {
+ anchors.left: parent.left
+ anchors.bottom: parent.bottom
+ anchors.right: parent.right
+ height: 1
+ color: 'white'
+ }
+ }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Tumbler.qml b/imports/qtquickcontrols2aglstyle/Tumbler.qml
new file mode 100644
index 0000000..5ec6653
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Tumbler.qml
@@ -0,0 +1,86 @@
+/****************************************************************************
+**
+** Copyright (C) 2016 The Qt Company Ltd.
+** Contact: http://www.qt.io/licensing/
+**
+** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see http://www.qt.io/terms-conditions. For further
+** information use the contact form at http://www.qt.io/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU Lesser General Public License version 3 requirements
+** will be met: https://www.gnu.org/licenses/lgpl.html.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 2.0 or later as published by the Free
+** Software Foundation and appearing in the file LICENSE.GPL included in
+** the packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 2.0 requirements will be
+** met: http://www.gnu.org/licenses/gpl-2.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.6
+import QtQuick.Layouts 1.1
+import QtQuick.Controls 2.0
+import QtQuick.Templates 2.0 as T
+
+T.Tumbler {
+ id: control
+ implicitWidth: 200
+ implicitHeight: 200
+
+ //! [delegate]
+ delegate: Label {
+ width: PathView.view.width
+ text: model.modelData
+ opacity: PathView.isCurrentItem ? 1 : 0.5
+ Behavior on opacity {
+ NumberAnimation { duration: 250 }
+ }
+
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ }
+ //! [delegate]
+
+ //! [contentItem]
+ contentItem: PathView {
+ id: pathView
+ anchors.fill: parent
+ model: control.model
+ delegate: control.delegate
+ clip: true
+ pathItemCount: control.visibleItemCount + 1
+ preferredHighlightBegin: 0.5
+ preferredHighlightEnd: 0.5
+ dragMargin: width / 2
+
+ path: Path {
+ startX: pathView.width / 2
+ startY: -pathView.delegateHeight / 2
+ PathLine {
+ x: pathView.width / 2
+ y: pathView.pathItemCount * pathView.delegateHeight - pathView.delegateHeight / 2
+ }
+ }
+
+ property real delegateHeight: pathView.height / control.visibleItemCount
+
+ }
+ //! [contentItem]
+}
diff --git a/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.png
new file mode 100644
index 0000000..595f742
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Background_NoCar-01.png
Binary files differ
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
new file mode 100644
index 0000000..4251412
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;#38;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="Layer_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 151 51"
+ style="enable-background:new 0 0 151 51;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_Settings_TimeDate_Button_Cancel.svg"><metadata
+ id="metadata33"><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="defs31" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview29"
+ showgrid="false"
+ inkscape:zoom="4.4503311"
+ inkscape:cx="-69.095982"
+ inkscape:cy="25.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+ .st1{opacity:0.3;fill:url(#SVGID_2_);}
+ .st2{fill:#FFFFFF;}
+ .st3{font-family:'Roboto-Regular';}
+ .st4{font-size:20px;}
+ .st5{letter-spacing:3;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="24.7258"
+ y1="75.9063"
+ x2="126.2742"
+ y2="-24.9063"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop12" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop14" /></linearGradient><rect
+ x="0.5"
+ y="0.5"
+ class="st0"
+ width="150"
+ height="50"
+ id="rect16" /><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="-25.8746"
+ y1="126.14"
+ x2="190.2191"
+ y2="-88.3878"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop19" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop21" /></linearGradient><rect
+ x="0.5"
+ y="0.5"
+ class="st1"
+ width="150"
+ height="50"
+ id="rect23" /></g></g></switch></svg> \ No newline at end of file
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
new file mode 100644
index 0000000..dac68d8
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:i="&amp;#38;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="Layer_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 151 51"
+ style="enable-background:new 0 0 151 51;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_Settings_TimeDate_Button_Set.svg"><metadata
+ id="metadata33"><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="defs31" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview29"
+ showgrid="false"
+ inkscape:zoom="4.4503311"
+ inkscape:cx="-106.17187"
+ inkscape:cy="25.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:none;stroke:url(#SVGID_1_);stroke-miterlimit:10;}
+ .st1{opacity:0.84;fill:url(#SVGID_2_);}
+ .st2{fill:#27232B;}
+ .st3{font-family:'Roboto-Regular';}
+ .st4{font-size:20px;}
+ .st5{letter-spacing:3;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="24.7258"
+ y1="75.9063"
+ x2="126.2742"
+ y2="-24.9063"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop12" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop14" /></linearGradient><rect
+ x="0.5"
+ y="0.5"
+ class="st0"
+ width="150"
+ height="50"
+ id="rect16" /><linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="-25.8746"
+ y1="126.14"
+ x2="190.2191"
+ y2="-88.3878"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop19" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop21" /></linearGradient><rect
+ x="0.5"
+ y="0.5"
+ class="st1"
+ width="150"
+ height="50"
+ id="rect23" /></g></g></switch></svg> \ No newline at end of file
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
new file mode 100644
index 0000000..f448359
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.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="Layer_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 211 55"
+ style="enable-background:new 0 0 211 55;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_Settings_Toggle_OFF.svg"><metadata
+ id="metadata27"><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="defs25" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview23"
+ showgrid="false"
+ inkscape:zoom="3.1848341"
+ inkscape:cx="-36.579613"
+ inkscape:cy="27.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#FFFFFF;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:30px;}
+ .st3{fill:#848286;}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 0.2607 36.1283)"
+ class="st0 st1 st2"
+ id="text13">OFF</text>
+</g><g
+ id="g15"><path
+ class="st3"
+ d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1 S198.6,54.6,183.7,54.6z"
+ id="path17" /></g><g
+ id="g19"><circle
+ class="st0"
+ cx="95.3"
+ cy="27.5"
+ r="27.2"
+ id="circle21" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
new file mode 100644
index 0000000..3ee9843
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.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="Layer_1"
+ x="0px"
+ y="0px"
+ viewBox="0 0 211 55"
+ style="enable-background:new 0 0 211 55;"
+ xml:space="preserve"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="HMI_Settings_Toggle_ON.svg"><metadata
+ id="metadata32"><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="defs30" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="2560"
+ inkscape:window-height="1464"
+ id="namedview28"
+ showgrid="false"
+ inkscape:zoom="3.1848341"
+ inkscape:cx="-48.040179"
+ inkscape:cy="27.5"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Layer_1" /><style
+ type="text/css"
+ id="style3">
+ .st0{fill:#FFFFFF;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:30px;}
+ .st3{fill:url(#SVGID_1_);}
+</style><switch
+ id="switch5"><g
+ i:extraneous="self"
+ id="g7"><g
+ id="g9"><g
+ id="g11"><text
+ transform="matrix(1 5.460000e-03 -5.460000e-03 1 0.2607 36.1283)"
+ class="st0 st1 st2"
+ id="text13">ON</text>
+</g><g
+ id="g15"><linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="68.1324"
+ y1="27.5007"
+ x2="210.7838"
+ y2="27.5007"><stop
+ offset="0"
+ style="stop-color:#59FF7F"
+ id="stop18" /><stop
+ offset="1"
+ style="stop-color:#6BFBFF"
+ id="stop20" /></linearGradient><path
+ class="st3"
+ d="M183.7,54.6H95.3c-15,0-27.1-12.1-27.1-27.1S80.3,0.4,95.3,0.4h88.4c15,0,27.1,12.1,27.1,27.1 S198.6,54.6,183.7,54.6z"
+ id="path22" /></g><g
+ id="g24"><circle
+ class="st0"
+ cx="183.6"
+ cy="27.5"
+ r="27.2"
+ id="circle26" /></g></g></g></switch></svg> \ No newline at end of file
diff --git a/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
new file mode 100644
index 0000000..360c716
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
@@ -0,0 +1,8 @@
+TEMPLATE = aux
+
+DISTFILES = *.qml images
+
+files.files = $$DISTFILES
+files.path = $$[QT_INSTALL_QML]/QtQuick/Controls.2/AGL
+
+INSTALLS += files