Added control icons.

5 files changed, 96 insertions, 47 deletions

diff --git a/resources/arrow.png b/resources/arrow.png
new file mode 100644
index 0000000..8807fa2
--- /dev/null
+++ b/resources/arrow.png
diff --git a/resources/circle.png b/resources/circle.png
new file mode 100644
index 0000000..afb1a7b
--- /dev/null
+++ b/resources/circle.png
diff --git a/resources/example.qml b/resources/example.qml
index fb10cda..540f079 100644
--- a/resources/example.qml
+++ b/resources/example.qml
@@ -24,7 +24,7 @@ Item {
     Rectangle {
         id: rectangle1
         width: 139
-        height: 212
+        height: 204
         radius: 15
         gradient: Gradient {
             GradientStop {
@@ -68,13 +68,14 @@ Item {
             source: "qt-logo.png"
         }
 
-        Rectangle {
+        Item {
             id: rectangle3
             x: 89
             y: 95
-            width: 24
-            height: 26
-            color: "#ffffff"
+            width: 30
+            height: 30
+            anchors.horizontalCenterOffset: 35
+            anchors.centerIn: image7
 
             MouseArea {
                 id: mouse_area1
@@ -82,45 +83,72 @@ Item {
 
                 onPressed: camerawrapper.yaw += 20
             }
+
+            Image {
+                id: image5
+                rotation: -90
+                smooth: true
+                anchors.fill: parent
+                source: "arrow.png"
+            }
         }
 
-        Rectangle {
+        Item {
             id: rectangle4
             x: 27
             y: 95
-            width: 24
-            height: 26
-            color: "#ffffff"
+            width: 30
+            height: 30
+            anchors.horizontalCenterOffset: -35
+            anchors.centerIn: image7
             MouseArea {
                 id: mouse_area2
                 anchors.fill: parent
 
                 onPressed: camerawrapper.yaw -= 20
             }
+
+            Image {
+                id: image4
+                rotation: 90
+                smooth: true
+                anchors.fill: parent
+                source: "arrow.png"
+            }
         }
 
-        Rectangle {
+        Item {
             id: rectangle5
-            x: 58
             y: 64
-            width: 24
-            height: 26
-            color: "#ffffff"
+            width: 30
+            height: 30
+            anchors.verticalCenterOffset: -35
+            anchors.centerIn: image7
             MouseArea {
                 id: mouse_area3
                 anchors.fill: parent
 
                 onPressed: camerawrapper.pitch -= 20
             }
+
+            Image {
+                id: image3
+                rotation: 180
+                smooth: true
+                anchors.fill: parent
+                source: "arrow.png"
+            }
         }
 
-        Rectangle {
+        Item {
             id: rectangle6
             x: 58
-            y: 126
-            width: 24
-            height: 26
-            color: "#ffffff"
+            y: 124
+            width: 30
+            height: 30
+            anchors.verticalCenterOffset: 35
+            anchors.centerIn: image7
+            anchors.horizontalCenterOffset: 0
             MouseArea {
                 id: mouse_area4
                 x: 0
@@ -133,38 +161,55 @@ Item {
 
                 onPressed: camerawrapper.pitch += 20
             }
+
+            Image {
+                id: image6
+                smooth: true
+                anchors.fill: parent
+                source: "arrow.png"
+            }
         }
 
-        Rectangle {
-            id: rectangle9
-            x: 89
-            y: 171
+        Image {
+            id: image7
+            x: 84
+            y: 0
             width: 24
-            height: 26
-            color: "#ffffff"
+            height: 24
+            anchors.verticalCenterOffset: 2
+            anchors.centerIn: parent
+            smooth: true
+            source: "circle.png"
+
             MouseArea {
-                id: mouse_area7
+                id: mouse_area5
                 x: 0
-                y: 0
+                y: -1
                 anchors.fill: parent
                 anchors.topMargin: 0
                 anchors.rightMargin: 0
                 anchors.bottomMargin: 0
                 anchors.leftMargin: 0
 
-                onPressed: camerawrapper.zoom *= 1.3
+                onClicked: { camerawrapper.yaw = 0; camerawrapper.pitch = 0 }
             }
         }
 
-        Rectangle {
-            id: rectangle7
-            x: 58
-            y: 95
-            width: 24
-            height: 26
-            color: "#ffffff"
+        Image {
+            id: image8
+            x: 20
+            y: 182
+            width: 30
+            height: 30
+            anchors.bottomMargin: 9
+            anchors.bottom: parent.bottom
+            anchors.horizontalCenterOffset: 14
+            anchors.horizontalCenter: rectangle4.horizontalCenter
+            smooth: true
+            source: "minus.png"
+
             MouseArea {
-                id: mouse_area5
+                id: mouse_area6
                 x: 0
                 y: -1
                 anchors.fill: parent
@@ -173,28 +218,32 @@ Item {
                 anchors.bottomMargin: 0
                 anchors.leftMargin: 0
 
-                onClicked: { camerawrapper.yaw = 0; camerawrapper.pitch = 0 }
+                onPressed: camerawrapper.zoom /= 1.3
             }
         }
 
-        Rectangle {
-            id: rectangle8
-            x: 27
-            y: 171
-            width: 24
-            height: 26
-            color: "#ffffff"
+        Image {
+            id: image9
+            width: 30
+            height: 30
+            anchors.horizontalCenterOffset: -14
+            anchors.bottom: parent.bottom
+            anchors.bottomMargin: 9
+            anchors.horizontalCenter: rectangle3.horizontalCenter
+            smooth: true
+            source: "plus.png"
+
             MouseArea {
-                id: mouse_area6
+                id: mouse_area7
                 x: 0
-                y: -1
+                y: 0
                 anchors.fill: parent
                 anchors.topMargin: 0
                 anchors.rightMargin: 0
                 anchors.bottomMargin: 0
                 anchors.leftMargin: 0
 
-                onPressed: camerawrapper.zoom /= 1.3
+                onPressed: camerawrapper.zoom *= 1.3
             }
         }
     }
diff --git a/resources/minus.png b/resources/minus.png
new file mode 100644
index 0000000..71afb02
--- /dev/null
+++ b/resources/minus.png
diff --git a/resources/plus.png b/resources/plus.png
new file mode 100644
index 0000000..3264332
--- /dev/null
+++ b/resources/plus.png