added component for media progress bar

idea: add components PlayerButtons.qml and PlayerControlPannel.qml
2018-12-07 08:31:44 +01:00 · 2018-12-07 08:31:44 +01:00 · 056bdb8298
commit 056bdb8298
parent 470e95f57f
3 changed files with 49 additions and 33 deletions
--- a/LenaPi/MediaProgress.qml
+++ b/LenaPi/MediaProgress.qml
@ -0,0 +1,41 @@
+import QtQuick 2.0
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+Item {
+    id: container
+    property var model
+
+    Label{
+        anchors.right: progress.right
+        anchors.bottom: progress.top
+        font.pointSize: 9
+        color: "grey"
+        text: model.pTime + " / " + model.pMediaLength
+    }
+
+    ProgressBar{
+        id: progress
+        anchors.top: parent.top
+        anchors.left: parent.left
+
+        value: model.pProgress
+
+        style:ProgressBarStyle {
+            background: Rectangle {
+                radius: 5
+                color: "white"
+                border.color: "grey"
+                border.width: 1
+                implicitWidth: container.width
+                implicitHeight: 10
+            }
+            progress: Rectangle {
+                color: "blue"
+                border.color: "blue"
+                radius: 5
+                implicitHeight: 8
+            }
+        }
+    }
+}