Add volume control

LenaPi/RoundImageButton.qml

@@ -0,0 +1,46 @@
+import QtQuick 2.0
+import QtQuick.Controls 2.4
+
+/**
+ * @brief Round button containing an image
+ */
+Button {
+    id: container
+    property alias imageSource: image.source
+    // default button diameter -> default width, readonly
+    readonly property int defaultDiameter: 65
+    // button diameter -> width
+    property int diameter: defaultDiameter
+    // diameter of content image -> width
+    property int imageDiameter: 0.5*diameter
+
+    background: Rectangle{
+
+        border.width: 2
+        border.color: "grey"
+
+        color: "white"
+
+        implicitWidth: container.diameter
+        implicitHeight: container.diameter
+        radius: container.diameter/2
+
+        Image{
+            id: image
+            anchors.centerIn: parent
+            width: container.imageDiameter
+            height: width
+            source: "qrc:/icon_back"
+        }
+        Rectangle{
+            id: overlay
+            z: 1
+            visible: !container.enabled
+            anchors.centerIn: parent
+            width: image.width
+            height: width
+            color: "#99ffffff"
+        }
+
+    }
+}