mirror of
https://github.com/overte-org/overte.git
synced 2025-04-27 19:15:58 +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'
82 lines
2 KiB
QML
82 lines
2 KiB
QML
//
|
|
// ImageButton.qml
|
|
// interface/resources/qml/controlsUit
|
|
//
|
|
// Created by Gabriel Calero & Cristian Duarte on 12 Oct 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.5
|
|
import QtQuick.Layouts 1.3
|
|
import "../stylesUit" as HifiStyles
|
|
|
|
Item {
|
|
id: button
|
|
|
|
property string text: ""
|
|
property string source : ""
|
|
property string hoverSource : ""
|
|
property real fontSize: 10
|
|
property string fontColor: "#FFFFFF"
|
|
property string hoverFontColor: "#000000"
|
|
|
|
signal clicked();
|
|
|
|
Rectangle {
|
|
color: "transparent"
|
|
anchors.fill: parent
|
|
Image {
|
|
id: image
|
|
anchors.fill: parent
|
|
source: button.source
|
|
}
|
|
|
|
HifiStyles.FiraSansRegular {
|
|
id: buttonText
|
|
anchors.centerIn: parent
|
|
text: button.text
|
|
color: button.fontColor
|
|
font.pixelSize: button.fontSize
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: button.clicked();
|
|
onEntered: {
|
|
button.state = "hover state";
|
|
}
|
|
onExited: {
|
|
button.state = "base state";
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
states: [
|
|
State {
|
|
name: "hover state"
|
|
PropertyChanges {
|
|
target: image
|
|
source: button.hoverSource
|
|
}
|
|
PropertyChanges {
|
|
target: buttonText
|
|
color: button.hoverFontColor
|
|
}
|
|
},
|
|
State {
|
|
name: "base state"
|
|
PropertyChanges {
|
|
target: image
|
|
source: button.source
|
|
}
|
|
PropertyChanges {
|
|
target: buttonText
|
|
color: button.fontColor
|
|
}
|
|
}
|
|
]
|
|
}
|