summaryrefslogtreecommitdiffstats
path: root/imports/qtquickcontrols2aglstyle
diff options
context:
space:
mode:
authorzheng_wenlong <wenlong_zheng@nexty-ele.com>2019-04-08 18:33:27 +0900
committerzheng_wenlong <wenlong_zheng@nexty-ele.com>2019-04-08 18:34:52 +0900
commit0a7d3ab8c26e7d2196435dcafa3eb338f298c635 (patch)
tree5d7ee00309344991c11477915a14f7d956b28137 /imports/qtquickcontrols2aglstyle
Change background image for demo3 cluster mode. Change-Id: If7aa520cfb5dccb6a2ed72e29028863e0994dc1b BUG-AGL: SPEC-2261 Signed-off-by: zheng_wenlong <wenlong_zheng@nexty-ele.com>
Diffstat (limited to 'imports/qtquickcontrols2aglstyle')
-rw-r--r--imports/qtquickcontrols2aglstyle/ApplicationWindow.qml35
-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.qml71
-rw-r--r--imports/qtquickcontrols2aglstyle/Slider.qml60
-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_Blue_Background_NoCar-01.pngbin0 -> 698586 bytes
-rw-r--r--imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-1920x720.pngbin0 -> 884327 bytes
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg36
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg36
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg35
-rw-r--r--imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg39
-rw-r--r--imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro8
16 files changed, 620 insertions, 0 deletions
diff --git a/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
new file mode 100644
index 0000000..f923d46
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ApplicationWindow.qml
@@ -0,0 +1,35 @@
+/*
+ * 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
+ visible: true
+ flags: Qt.FramelessWindowHint
+
+ font.family: 'Robota'
+
+ background: Image {
+ anchors {
+ fill: parent
+ centerIn: parent
+ }
+ source: './images/AGL_HMI_Blue_Background_NoCar-1920x720.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..0ce5de2
--- /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: 150
+ 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..6d5e3ae
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/ProgressBar.qml
@@ -0,0 +1,71 @@
+/*
+ * 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
+import QtGraphicalEffects 1.0
+
+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 {
+ width: control.visualPosition * background.width
+ height: background.height
+ radius: background.radius
+ visible: !control.indeterminate
+ }
+
+ Rectangle {
+ visible: control.indeterminate
+ width: background.width * 0.1
+ height: background.height
+ radius: background.radius
+ NumberAnimation on x {
+ from: 0
+ to: background.width * 0.9
+ duration: 2000
+ loops: Animation.Infinite
+ running: control.indeterminate
+ easing.type: Easing.SineCurve
+ }
+ }
+
+ layer.enabled: true
+ layer.effect: LinearGradient {
+ start: Qt.point(0, 0)
+ end: Qt.point(background.width, 0)
+ gradient: Gradient {
+ GradientStop { position: 0.0; color: "#00ADDC" }
+ GradientStop { position: 1.0; color: "#6BFBFF" }
+ }
+ }
+ }
+}
diff --git a/imports/qtquickcontrols2aglstyle/Slider.qml b/imports/qtquickcontrols2aglstyle/Slider.qml
new file mode 100644
index 0000000..5b6a495
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/Slider.qml
@@ -0,0 +1,60 @@
+/*
+ * 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
+import QtGraphicalEffects 1.0
+
+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 {
+ height: parent.height
+ width: handle.x + handle.width
+ radius: height / 2
+
+ layer.enabled: true
+ layer.effect: LinearGradient {
+ start: Qt.point(0, 0)
+ end: Qt.point(background.width, 0)
+ gradient: Gradient {
+ GradientStop { position: 0.0; color: "#00ADDC" }
+ 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_Blue_Background_NoCar-01.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png
new file mode 100644
index 0000000..a76b140
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-01.png
Binary files differ
diff --git a/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-1920x720.png b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-1920x720.png
new file mode 100644
index 0000000..e413300
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/AGL_HMI_Blue_Background_NoCar-1920x720.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..6d234fb
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Cancel.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+ <!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+ <!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+ <!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+ <!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+ <!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+ <!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+ <!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 151 51"
+ style="enable-background:new 0 0 151 51;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+ .st1{opacity:0.3;fill:url(#SVGID_1_);stroke:#0DF9FF;stroke-miterlimit:10;}
+ .st2{fill:#FFFFFF;}
+ .st3{font-family:'Roboto-Regular';}
+ .st4{font-size:20px;}
+ .st5{letter-spacing:3;}
+</style>
+<switch>
+ <g i:extraneous="self">
+ <g>
+ <rect x="0.5" y="0.5" class="st0" width="150" height="50"/>
+ <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-25.8746" y1="126.14" x2="190.2191" y2="-88.3878">
+ <stop offset="0" style="stop-color:#00ADDC"/>
+ <stop offset="1" style="stop-color:#6BFBFF"/>
+ </linearGradient>
+ <rect x="0.5" y="0.5" class="st1" width="150" height="50"/>
+ </g>
+ </g>
+</switch>
+</svg>
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..c7831ff
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Button_Ok.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+ <!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+ <!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+ <!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+ <!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+ <!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+ <!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+ <!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 151 51"
+ style="enable-background:new 0 0 151 51;" xml:space="preserve">
+<style type="text/css">
+ .st0{opacity:0.84;fill:url(#SVGID_1_);}
+ .st1{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+ .st2{fill:#27232B;}
+ .st3{font-family:'Roboto-Regular';}
+ .st4{font-size:20px;}
+ .st5{letter-spacing:3;}
+</style>
+<switch>
+ <g i:extraneous="self">
+ <g>
+ <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-25.8746" y1="125.9981" x2="190.2191" y2="-88.5298">
+ <stop offset="0" style="stop-color:#00ADDC"/>
+ <stop offset="1" style="stop-color:#6BFBFF"/>
+ </linearGradient>
+ <rect x="0.5" y="0.4" class="st0" width="150" height="50"/>
+ <rect x="0.5" y="0.4" class="st1" width="150" height="50"/>
+ </g>
+ </g>
+</switch>
+</svg>
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..94fbf06
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_OFF.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+ <!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+ <!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+ <!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+ <!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+ <!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+ <!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+ <!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211 55"
+ style="enable-background:new 0 0 211 55;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:30px;}
+ .st3{fill:#848286;}
+</style>
+<switch>
+ <g i:extraneous="self">
+ <g>
+ <g>
+ <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"/>
+ </g>
+ <g>
+ <circle class="st0" cx="95.3" cy="27.5" r="27.2"/>
+ </g>
+ </g>
+ </g>
+</switch>
+</svg>
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..705e733
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/images/HMI_Settings_Toggle_ON.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+ <!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+ <!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+ <!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+ <!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+ <!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+ <!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+ <!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+ <!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+ xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 211 55"
+ style="enable-background:new 0 0 211 55;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#FFFFFF;}
+ .st1{font-family:'Roboto-Regular';}
+ .st2{font-size:30px;}
+ .st3{fill:url(#SVGID_1_);}
+</style>
+<switch>
+ <g i:extraneous="self">
+ <g>
+ <g>
+ <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="68.1324" y1="27.5007" x2="210.7838" y2="27.5007">
+ <stop offset="0" style="stop-color:#00ADDC"/>
+ <stop offset="1" style="stop-color:#6BFBFF"/>
+ </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"/>
+ </g>
+ <g>
+ <circle class="st0" cx="183.6" cy="27.5" r="27.2"/>
+ </g>
+ </g>
+ </g>
+</switch>
+</svg>
diff --git a/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
new file mode 100644
index 0000000..5a34485
--- /dev/null
+++ b/imports/qtquickcontrols2aglstyle/qtquickcontrols2aglstyle.pro
@@ -0,0 +1,8 @@
+TEMPLATE = aux
+
+DISTFILES = *.qml images
+
+files.files = $$DISTFILES
+files.path = $$PREFIX$$[QT_INSTALL_QML]/QtQuick/Controls.2/AGL
+
+INSTALLS += files