42 lines
966 B
QML
42 lines
966 B
QML
import QtQuick 2.0
|
|
Rectangle{
|
|
id: blueButton
|
|
width: Math.max(mainText.width+2*mm,8*mm)
|
|
height: 5*mm
|
|
color:"light blue"
|
|
property alias fontColor: mainText.color
|
|
border.color:"grey"
|
|
border.width:1
|
|
radius: mm
|
|
property alias text: mainText.text
|
|
signal clicked
|
|
state:""
|
|
|
|
Text{
|
|
id:mainText
|
|
color: "black"
|
|
anchors.centerIn: parent
|
|
width: contentWidth
|
|
height: contentHeight
|
|
font.family:fontAwesome.name
|
|
font.pixelSize: 3*mm
|
|
text: ""
|
|
}
|
|
MouseArea{
|
|
id:buttonArea
|
|
anchors.fill:parent
|
|
onPressed: blueButton.state="Pressed"
|
|
onReleased: blueButton.state=""
|
|
onClicked: {parent.clicked()}
|
|
}
|
|
|
|
states: [
|
|
State { name: "Pressed"
|
|
PropertyChanges { target: blueButton; color: "sky blue"} }
|
|
]
|
|
transitions: [
|
|
Transition { to:"*"
|
|
ColorAnimation { target: blueButton; duration: 100} }
|
|
]
|
|
}
|