diff options
Diffstat (limited to 'styles/triton/Switch.qml')
-rw-r--r-- | styles/triton/Switch.qml | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/styles/triton/Switch.qml b/styles/triton/Switch.qml new file mode 100644 index 00000000..8dbe20c3 --- /dev/null +++ b/styles/triton/Switch.qml @@ -0,0 +1,116 @@ +/**************************************************************************** +** +** Copyright (C) 2017 Pelagicore AG +** Contact: https://www.qt.io/licensing/ +** +** This file is part of the Triton IVI UI. +** +** $QT_BEGIN_LICENSE:GPL-QTAS$ +** Commercial License Usage +** Licensees holding valid commercial Qt Automotive Suite 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 https://www.qt.io/terms-conditions. +** For further information use the contact form at https://www.qt.io/contact-us. +** +** GNU General Public License Usage +** Alternatively, this file may be used under the terms of the GNU +** General Public License version 3 or (at your option) any later version +** approved by the KDE Free Qt Foundation. The licenses are as published by +** the Free Software Foundation and appearing in the file LICENSE.GPL3 +** included in the packaging of this file. Please review the following +** information to ensure the GNU General Public License requirements will +** be met: https://www.gnu.org/licenses/gpl-3.0.html. +** +** $QT_END_LICENSE$ +** +** SPDX-License-Identifier: GPL-3.0 +** +****************************************************************************/ + +import QtQuick 2.6 +import QtQuick.Templates 2.0 as T +import QtQuick.Controls 2.1 +import QtQuick.Layouts 1.0 +import utils 1.0 + +T.Switch { + id: root + + implicitWidth: Math.max(background ? background.implicitWidth : 0, + contentItem.implicitWidth + leftPadding + rightPadding) + implicitHeight: Math.max(background ? background.implicitHeight : 0, + Math.max(contentItem.implicitHeight, + indicator ? indicator.implicitHeight : 0) + topPadding + bottomPadding) + baselineOffset: contentItem.y + contentItem.baselineOffset + + padding: 6 + spacing: 6 + + + background: Item { + implicitWidth: Style.hspan(3) + implicitHeight: Style.hspan(2) + } + indicator: Item { + implicitWidth: Style.hspan(3) + implicitHeight: Style.hspan(2) + } + + contentItem: Item { + implicitWidth: Style.hspan(3) + implicitHeight: Style.hspan(2) + + RowLayout { + anchors.fill: parent + Label { + Layout.preferredWidth: Style.hspan(1) + Layout.fillHeight: true + text: root.checked? 'ON':'OFF' + verticalAlignment: Text.AlignVCenter + font.pixelSize: Style.fontSizeS + horizontalAlignment: Qt.AlignHCenter + } + Item { + Layout.preferredWidth: Style.hspan(2) + Layout.fillHeight: true + Image { + id: background + anchors.centerIn: parent + source: Style.icon('cloud_switch_background') + rotation: 180 + asynchronous: true + } + Image { + id: iconOff + anchors.verticalCenter: background.verticalCenter + anchors.right: background.horizontalCenter + anchors.rightMargin: -10 + source: Style.icon('cloud_switch_toggle_off') + asynchronous: true + } + Image { + id: iconOn + anchors.verticalCenter: background.verticalCenter + anchors.left: background.horizontalCenter + anchors.leftMargin: -10 + source: Style.icon('cloud_switch_toggle_on') + asynchronous: true + visible: false + } + } + } + } + + states: [ + State { + name: "checked" + when: root.checked + + PropertyChanges { target: iconOn; visible: true } + PropertyChanges { target: iconOff; visible: false } + PropertyChanges { target: background; rotation: 0 } + } + ] +} |