serachBar + progressBar

[mdictionary] / src / mdictionary / qml / Button.qml

diff --git a/src/mdictionary/qml/Button.qml b/src/mdictionary/qml/Button.qml
index 650786c..748ba3c 100644 (file)
--- a/src/mdictionary/qml/Button.qml
+++ b/src/mdictionary/qml/Button.qml
@@ -6,11 +6,78 @@ BorderImage {
     signal clicked
     opacity: 1
 
+    function setText(string) { textInButton = string; }
     border { left: 10; top: 10; right: 10; bottom: 10 }
 
     MouseArea {
         id: mouseArea
         anchors.centerIn: parent;
+        width:  parent.width;
+        height: parent.height;
+        onClicked: {
+            button.clicked();
+        }
+    }
+
+    Text {
+        z:1
+        id: buttonText
+        anchors.centerIn: parent;
+        font.pixelSize: parent.height * .5
+        style: Text.Sunken; color: "white"; styleColor: "black"; smooth: true
+    }
+
+    Rectangle {
+        id: shade
+        anchors.centerIn: parent;
+        radius: parent.height*.4;
+        color: "black";
+        opacity: 0
+        width:  parent.width;
+        height: parent.height;
+    }
+
+    Image {
+        id: image1
+        width: (35*parent.height)/107 +1
+        height: parent.height
+        anchors.left: parent.left
+        source: "qrc:/button/buttonLeft.png"
+    }
+
+    Image {
+        id: image3
+        smooth: true
+        width: parent.width - ((70*parent.height)/107) +1;
+        height: parent.height
+        anchors.horizontalCenter: parent.horizontalCenter
+        source: "qrc:/button/buttonCenter.png"
+    }
+
+    Image {
+        id: image2
+        smooth: true
+        width: (35*parent.height)/107 +1
+        height: parent.height
+        anchors.right: parent.right
+        source: "qrc:/button/buttonR.png"
+    }
+
+    states: [
+        State {
+            name: "pressed"; when: mouseArea.pressed == true
+            PropertyChanges { target: shade; opacity: 0.4 }
+            PropertyChanges { target: image1; opacity: 0.5 }
+            PropertyChanges { target: image3; opacity: 0.5 }
+            PropertyChanges { target: image2; opacity: 0.5 }
+        }
+    ]
+
+
+
+/*    MouseArea {
+        id: mouseArea
+        anchors.centerIn: parent;
         width:  ((parent.width > buttonText.text.length*buttonText.font.pixelSize*.8) ? (parent.width) : (buttonText.text.length*buttonText.font.pixelSize*.60)) - ((70*parent.height)/107)
         height: parent.height
         onClicked: {
@@ -24,6 +91,10 @@ BorderImage {
         anchors.centerIn: parent;
         font.pixelSize: parent.height * .5
         style: Text.Sunken; color: "white"; styleColor: "black"; smooth: true
+        PropertyChanges {
+            target: button;
+            width: (button.width> buttonText.text.length*buttonText.font.pixelSize*.8) ? (parent.width) : (buttonText.text.length*buttonText.font.pixelSize*.8)
+        }
     }
 
     Rectangle {
@@ -38,7 +109,6 @@ BorderImage {
 
     Image {
         id: image1
-        smooth: true
         width: (35*parent.height)/107 +1
         height: parent.height
         anchors.left: parent.left
@@ -74,4 +144,5 @@ BorderImage {
             PropertyChanges { target: image2; opacity: 0.5 }
         }
     ]
+    */
 }