diff options
Diffstat (limited to 'apps/com.pelagicore.sheets/boards/IconBoard.qml')
-rw-r--r-- | apps/com.pelagicore.sheets/boards/IconBoard.qml | 148 |
1 files changed, 148 insertions, 0 deletions
diff --git a/apps/com.pelagicore.sheets/boards/IconBoard.qml b/apps/com.pelagicore.sheets/boards/IconBoard.qml new file mode 100644 index 00000000..38a1dacc --- /dev/null +++ b/apps/com.pelagicore.sheets/boards/IconBoard.qml @@ -0,0 +1,148 @@ +/**************************************************************************** +** +** 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.Layouts 1.0 +import QtQuick.Controls 2.0 +import controls 1.0 +import utils 1.0 + +BaseBoard { + id: root + + description: "Icon Board" + + Grid { + anchors.fill: parent; anchors.margins: Style.padding + rowSpacing: Style.padding + columns: 2 + + // Test icon w/o specifying any width/height + Label { + text: "No w/h specified" + font.pixelSize: Style.fontSizeXS + } + Icon { + height: Style.vspan(2) + source: Style.icon("climatebar_icon_seating_person") + } + + // Test specify a width/height greater than the image's width/height + Label { + text: "w/h > image's w/h" + font.pixelSize: Style.fontSizeXS + } + Icon { + width: Style.hspan(3); height: Style.vspan(3) + source: Style.icon("climatebar_icon_seating_person") + } + + // Test specifying a width/height which is less than the image's width/height + Label { + text: "w/h < image's w/h, w/ manual clip" + font.pixelSize: Style.fontSizeXS + } + Icon { + source: Style.icon("climatebar_icon_seating_person") + width: Style.hspan(1); height: Style.vspan(1) + clip: true + } + + // Test specifying a width/height which is less than the image's width/height + Label { + text: "w/h < image's w/h, w/o clip" + font.pixelSize: Style.fontSizeXS + } + Icon { + source: Style.icon("climatebar_icon_seating_person") + Layout.preferredWidth: 30; Layout.preferredHeight: 30 + } + + + // Test icon w/o specifying any width/height but use anchoring + Label { + text: "anchor to parent" + font.pixelSize: Style.fontSizeXS + } + Item { + width: Style.hspan(3); height: Style.vspan(3) + + Icon { + source: Style.icon("climatebar_icon_seating_person") + anchors.fill: parent + Tracer {visible:true} + } + } + + // Test disable w/o a disable image + Label { + text: "Opacity on disabled" + font.pixelSize: Style.fontSizeXS + } + Item { + width: disableEnableOpacityIcon.width; height: disableEnableOpacityIcon.height + + Icon { + id: disableEnableOpacityIcon + + height: Style.vspan(2) + source: Style.icon("climatebar_icon_seating_person") + enabled: false + } + MouseArea { + anchors.fill: parent + onClicked: disableEnableOpacityIcon.enabled = !disableEnableOpacityIcon.enabled + } + } + + // Test disable w/ a disable image + Label { + text: "Image on disabled" + font.pixelSize: Style.fontSizeXS + } + Item { + width: disableEnableImageIcon.width; height: disableEnableImageIcon.height + + Icon { + id: disableEnableImageIcon + + height: Style.vspan(2) + source: Style.icon ("climatebar_icon_seating_person") + enabled: false + } + + MouseArea { + anchors.fill: parent + onClicked: disableEnableImageIcon.enabled = !disableEnableImageIcon.enabled + } + } + } +} |