qrc and serachBarWidget
[mdictionary] / src / mdictionary / qml / IconButton.qml
index 948d1b0..9b66836 100644 (file)
@@ -6,20 +6,12 @@ Rectangle {
     property alias pathToIcon: image.source;
 
     signal clicked;
-
-    Image {
-        id: image
-        z:1;
-        anchors.centerIn: parent
-        width: rectangle.width;
-        height: rectangle.height;
-    }
-
+    radius: 50
 
     MouseArea {
         id: mouseArea
         anchors.centerIn: parent;
-        width: rectangle.width + (70*parent.height)/107;
+        width: rectangle.width
         height: rectangle.height;
         onClicked: {
             rectangle.clicked();
@@ -27,39 +19,53 @@ Rectangle {
     }
 
     Image {
+        id: image
+        z:4;
+        anchors.centerIn: parent
+        width: rectangle.width;
+        height: rectangle.height;
+    }
+
+    Image {
         id: image1
-        width: (35*parent.height)/107
+        z: 1
+        smooth: true
+        width: (35*parent.height)/107 +1
         height: parent.height
         anchors.left: parent.left
-        anchors.leftMargin: - (35*parent.height)/107
         source: "qrc:/button/buttonLeft.png"
     }
 
     Image {
         id: image3
-        width: parent.width
+        z: 1
+        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
-        width: (35*parent.height)/107
+        z: 1
+        smooth: true
+        width: (35*parent.height)/107 +1
         height: parent.height
         anchors.right: parent.right
-        anchors.rightMargin:  - (35*parent.height)/107
         source: "qrc:/button/buttonR.png"
     }
 
     Rectangle {
         id: shade
+        z: 4
         anchors.centerIn: parent;
         color: "black";
         radius: 20;
         opacity: 1;
-        width:  rectangle.width+(70*parent.height)/107;
+        width:  rectangle.width;
         height: rectangle.height;
     }