//// EditTabButton.qml// qml/hifi/tablet//// Created by Vlad Stelmahovsky on 8/16/2017// Copyright 2017 High Fidelity, Inc.//// Distributed under the Apache License, Version 2.0.// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html// import QtQuick 2.7import QtQuick.Controls 2.2import controlsUit 1.0 as HifiControlsimport stylesUit 1.0 TabButton { id: control property alias title: control.text property alias active: control.checkable height: 40 padding: 0 spacing: 0 HifiConstants { id: hifi; } contentItem: Text { id: text text: control.text font.pixelSize: 14 font.bold: true color: "white" horizontalAlignment: Text.AlignHCenter verticalAlignment: Text.AlignVCenter fontSizeMode: Text.HorizontalFit property string glyphtext: "" HiFiGlyphs { anchors.centerIn: parent size: 30 color: "#ffffff" text: text.glyphtext } Component.onCompleted: { if (control.text === "P") { text.text = " "; text.glyphtext = "\ue004"; } } } background: Rectangle { color: control.checked ? "#404040" :"black" implicitWidth: control.contentItem.width + 42 > text.paintedWidth ? control.contentItem.width + 42 : text.paintedWidth + 10 implicitHeight: 40 }}
//
// EditTabButton.qml
// qml/hifi/tablet
//
// Created by Vlad Stelmahovsky on 8/16/2017
// Copyright 2017 High Fidelity, Inc.
//
// Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//
import QtQuick 2.7
import QtQuick.Controls 2.2
import controlsUit 1.0 as HifiControls
import stylesUit 1.0
TabButton {
id: control
property alias title: control.text
property alias active: control.checkable
height: 40
padding: 0
spacing: 0
HifiConstants { id: hifi; }
contentItem: Text {
id: text
text: control.text
font.pixelSize: 14
font.bold: true
color: "white"
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
fontSizeMode: Text.HorizontalFit
property string glyphtext: ""
HiFiGlyphs {
anchors.centerIn: parent
size: 30
color: "#ffffff"
text: text.glyphtext
}
Component.onCompleted: {
if (control.text === "P") {
text.text = " ";
text.glyphtext = "\ue004";
}
}
}
background: Rectangle {
color: control.checked ? "#404040" :"black"
implicitWidth: control.contentItem.width + 42 > text.paintedWidth ? control.contentItem.width + 42 :
text.paintedWidth + 10
implicitHeight: 40
}
}