mirror of
https://github.com/overte-org/overte.git
synced 2025-04-09 01:55:33 +02:00
27bb8a0de7
note: the idea is to make imports like 'import controlsUit 1.0' to work with 'styles-uit'/'controls-uit' it is not possible because of two reasons: 1. import controls-uit 1.0 is invalid syntax 2. qmldir inside controls-uit is 'module controlsUit'
61 lines
1.5 KiB
QML
61 lines
1.5 KiB
QML
//
|
|
// TabletTextButton.qml
|
|
//
|
|
// Created by Dante Ruiz on 2017/3/23
|
|
// Copyright 2015 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 Hifi 1.0
|
|
import QtQuick 2.4
|
|
import stylesUit 1.0
|
|
|
|
Rectangle {
|
|
property alias text: label.text
|
|
property alias pixelSize: label.font.pixelSize;
|
|
property bool selected: false
|
|
property bool hovered: false
|
|
property int spacing: 2
|
|
property var action: function () {}
|
|
property string highlightColor: hifi.colors.blueHighlight;
|
|
width: label.width + 64
|
|
height: 32
|
|
color: hifi.colors.white
|
|
HifiConstants { id: hifi }
|
|
RalewaySemiBold {
|
|
id: label;
|
|
color: hifi.colors.blueHighlight;
|
|
font.pixelSize: 15;
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter;
|
|
verticalCenter: parent.verticalCenter;
|
|
}
|
|
}
|
|
|
|
|
|
Rectangle {
|
|
id: indicator
|
|
width: parent.width
|
|
height: selected ? 3 : 1
|
|
anchors {
|
|
left: parent.left
|
|
right: parent.right
|
|
bottom: parent.bottom
|
|
}
|
|
color: hifi.colors.blueHighlight
|
|
visible: parent.selected || hovered
|
|
}
|
|
|
|
MouseArea {
|
|
id: clickArea;
|
|
anchors.fill: parent;
|
|
acceptedButtons: Qt.LeftButton;
|
|
onClicked: action(parent);
|
|
hoverEnabled: true;
|
|
onEntered: hovered = true
|
|
onExited: hovered = false
|
|
}
|
|
}
|
|
|