Version 0.003

source-linux/qml/genericqml/BlueButton.qml

@@ -0,0 +1,41 @@
+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} }
+    ]
+}