Friendiqa/source-linux/qml/genericqml/BlueButton.qml
2017-03-25 23:36:14 +01:00

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} }
]
}