[vlc-commits] qml: add ContextButton, VideoQualityLabel, VideoProgress and RoundImage

Abel Tesfaye git at videolan.org
Tue Aug 20 18:21:16 CEST 2019


vlc | branch: master | Abel Tesfaye <Abeltesfaye45 at gmail.com> | Fri Aug  9 17:41:42 2019 +0300| [a47ddaa7358c51ceb56bd079179f51d85242e2cb] | committer: Jean-Baptiste Kempf

qml: add ContextButton, VideoQualityLabel, VideoProgress and RoundImage

Signed-off-by: Jean-Baptiste Kempf <jb at videolan.org>

> http://git.videolan.org/gitweb.cgi/vlc.git/?a=commit;h=a47ddaa7358c51ceb56bd079179f51d85242e2cb
---

 modules/gui/qt/Makefile.am                     |  4 ++
 modules/gui/qt/qml/utils/ContextButton.qml     | 54 ++++++++++++++++++++++++++
 modules/gui/qt/qml/utils/RoundImage.qml        | 38 ++++++++++++++++++
 modules/gui/qt/qml/utils/VideoProgressBar.qml  | 36 +++++++++++++++++
 modules/gui/qt/qml/utils/VideoQualityLabel.qml | 37 ++++++++++++++++++
 modules/gui/qt/vlc.qrc                         |  4 ++
 6 files changed, 173 insertions(+)

diff --git a/modules/gui/qt/Makefile.am b/modules/gui/qt/Makefile.am
index 886a02bb7f..5a6492fa5f 100644
--- a/modules/gui/qt/Makefile.am
+++ b/modules/gui/qt/Makefile.am
@@ -569,6 +569,7 @@ libqt_plugin_la_QML = \
 	gui/qt/qml/utils/ToolTipArea.qml \
 	gui/qt/qml/utils/DrawerExt.qml \
 	gui/qt/qml/utils/GridItem.qml \
+	gui/qt/qml/utils/ContextButton.qml \
 	gui/qt/qml/utils/IconToolButton.qml \
 	gui/qt/qml/utils/ImageToolButton.qml \
 	gui/qt/qml/utils/TextToolButton.qml \
@@ -588,6 +589,9 @@ libqt_plugin_la_QML = \
 	gui/qt/qml/utils/ScanProgressBar.qml \
 	gui/qt/qml/utils/LabelSeparator.qml \
 	gui/qt/qml/utils/RoundButton.qml \
+	gui/qt/qml/utils/RoundImage.qml \
+	gui/qt/qml/utils/VideoQualityLabel.qml \
+	gui/qt/qml/utils/VideoProgressBar.qml \
         gui/qt/qml/utils/SearchBox.qml \
         gui/qt/qml/utils/SortControl.qml \
 	gui/qt/qml/menus/CheckableModelSubMenu.qml \
diff --git a/modules/gui/qt/qml/utils/ContextButton.qml b/modules/gui/qt/qml/utils/ContextButton.qml
new file mode 100644
index 0000000000..9da324c07c
--- /dev/null
+++ b/modules/gui/qt/qml/utils/ContextButton.qml
@@ -0,0 +1,54 @@
+/*****************************************************************************
+ * Copyright (C) 2019 VLC authors and VideoLAN
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * ( at your option ) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
+ *****************************************************************************/
+import QtQuick 2.11
+import QtQuick.Controls 2.4
+
+import "qrc:///utils/" as Utils
+import "qrc:///style/"
+
+
+Button {
+    id: contextButton
+    width: VLCStyle.icon_normal
+    height: VLCStyle.icon_normal
+    text: VLCIcons.ellipsis
+    font.family: VLCIcons.fontFamily
+    font.pointSize: VLCStyle.icon_small
+
+    property alias color: contextButtonContent.color
+    property alias backgroundColor: contextButtonBg.color
+
+    hoverEnabled: true
+    background: Rectangle {
+        id: contextButtonBg
+        anchors.fill: contextButton
+        color: "transparent"
+    }
+    contentItem: Text {
+        id: contextButtonContent
+        text: contextButton.text
+        font: contextButton.font
+        color: VLCStyle.colors.text
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        //                                layer.enabled: true
+        //                                layer.effect: DropShadow {
+        //                                    color: VLCStyle.colors.text
+        //                                }
+    }
+}
diff --git a/modules/gui/qt/qml/utils/RoundImage.qml b/modules/gui/qt/qml/utils/RoundImage.qml
new file mode 100644
index 0000000000..d45b9c5e1e
--- /dev/null
+++ b/modules/gui/qt/qml/utils/RoundImage.qml
@@ -0,0 +1,38 @@
+/*****************************************************************************
+ * Copyright (C) 2019 VLC authors and VideoLAN
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * ( at your option ) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
+ *****************************************************************************/
+import QtQuick 2.11
+import QtQuick.Controls 2.4
+import QtGraphicalEffects 1.0
+
+import "qrc:///style/"
+
+Image {
+    id: cover
+    property real radius: 3
+    fillMode: Image.PreserveAspectCrop
+    sourceSize: Qt.size(width, height)
+    layer.enabled: true
+    layer.effect: OpacityMask {
+        maskSource: Rectangle {
+            radius: cover.radius
+            width: cover.width
+            height: cover.height
+            visible: false
+        }
+    }
+}
diff --git a/modules/gui/qt/qml/utils/VideoProgressBar.qml b/modules/gui/qt/qml/utils/VideoProgressBar.qml
new file mode 100644
index 0000000000..f554ec21e3
--- /dev/null
+++ b/modules/gui/qt/qml/utils/VideoProgressBar.qml
@@ -0,0 +1,36 @@
+/*****************************************************************************
+ * Copyright (C) 2019 VLC authors and VideoLAN
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * ( at your option ) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
+ *****************************************************************************/
+import QtQuick 2.11
+import QtQuick.Controls 2.4
+
+import "qrc:///style/"
+
+ProgressBar {
+    id: progressBar
+    background: Rectangle {
+        implicitHeight: 2 * VLCStyle.scale
+        color: VLCStyle.colors.text
+    }
+    contentItem: Item {
+        Rectangle {
+            width: progressBar.visualPosition * parent.width
+            height: parent.height
+            color: VLCStyle.colors.accent
+        }
+    }
+}
diff --git a/modules/gui/qt/qml/utils/VideoQualityLabel.qml b/modules/gui/qt/qml/utils/VideoQualityLabel.qml
new file mode 100644
index 0000000000..7ae151e13a
--- /dev/null
+++ b/modules/gui/qt/qml/utils/VideoQualityLabel.qml
@@ -0,0 +1,37 @@
+/*****************************************************************************
+ * Copyright (C) 2019 VLC authors and VideoLAN
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * ( at your option ) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
+ *****************************************************************************/
+import QtQuick 2.11
+import QtQuick.Controls 2.4
+
+import "qrc:///style/"
+
+Label {
+    id: label
+    color: "white"
+    bottomPadding: VLCStyle.margin_xxxsmall
+    topPadding: VLCStyle.margin_xxxsmall
+    leftPadding: VLCStyle.margin_xxxsmall
+    rightPadding: VLCStyle.margin_xxxsmall
+    font.pixelSize: VLCStyle.fontSize_normal
+    background: Rectangle {
+        anchors.fill: label
+        color: "black"
+        opacity: 0.5
+        radius: 3
+    }
+}
diff --git a/modules/gui/qt/vlc.qrc b/modules/gui/qt/vlc.qrc
index 1325024318..ca4aa48c6d 100644
--- a/modules/gui/qt/vlc.qrc
+++ b/modules/gui/qt/vlc.qrc
@@ -200,6 +200,10 @@
         <file alias="SortControl.qml">qml/utils/SortControl.qml</file>
         <file alias="RoundButton.qml">qml/utils/RoundButton.qml</file>
         <file alias="LabelSeparator.qml">qml/utils/LabelSeparator.qml</file>
+        <file alias="ContextButton.qml">qml/utils/ContextButton.qml</file>
+        <file alias="RoundImage.qml">qml/utils/RoundImage.qml</file>
+        <file alias="VideoQualityLabel.qml">qml/utils/VideoQualityLabel.qml</file>
+        <file alias="VideoProgressBar.qml">qml/utils/VideoProgressBar.qml</file>
     </qresource>
     <qresource prefix="/mediacenter">
         <file alias="MCMusicDisplay.qml">qml/mediacenter/MCMusicDisplay.qml</file>



More information about the vlc-commits mailing list