Add QmlProgress

Author: zhengtianzuo

QmlProgress/QmlProgress.pro

@@ -0,0 +1,13 @@
+#-------------------------------------------------
+#
+# Copyright (C) 2003-2103 CamelSoft Corporation
+#
+#-------------------------------------------------
+
+QT += qml quick
+
+CONFIG += c++11
+
+SOURCES += main.cpp
+
+RESOURCES += qml.qrc

QmlProgress/QmlProgress.qml

@@ -0,0 +1,69 @@
+/*!
+ *@file QmlProgress.qml
+ *@brief Qml进度条
+ *@version 1.0
+ *@section LICENSE Copyright (C) 2003-2103 CamelSoft Corporation
+ *@author zhengtianzuo
+*/
+import QtQuick 2.7
+import QtQuick.Controls 2.2
+
+ProgressBar {
+	property color proColor: "#148014"
+	property color proBackgroundColor: "#AAAAAA"
+	property int proWidth: 2
+	property real progress: 0
+	property real proRadius: 3
+	property alias interval: timer.interval
+
+	function isRunning(){
+		return(timer.running)
+	}
+
+	function onStart(){
+		cProgress.progress = 0;
+		timer.running = true;
+	}
+
+	function onStop(){
+		timer.running = false;
+	}
+
+	id: cProgress
+	anchors.centerIn: parent
+	value: (progress/100)
+	padding: 2
+
+	background: Rectangle {
+		implicitWidth: 200
+		implicitHeight: 16
+		color: cProgress.proBackgroundColor
+		radius: cProgress.proRadius
+	}
+
+	contentItem: Item {
+		implicitWidth: 200
+		implicitHeight: 10
+
+		Rectangle {
+			width: cProgress.visualPosition * parent.width
+			height: parent.height
+			radius: 2
+			color: cProgress.proColor
+		}
+	}
+
+	Timer{
+		id: timer
+		running: false
+		repeat: true
+		interval: 50
+		onTriggered:{
+			cProgress.progress++;
+			if (cProgress.progress > 100){
+				cProgress.onStop();
+				return;
+			}
+		}
+	}
+}

QmlProgress/main.cpp

@@ -0,0 +1,20 @@
+/*!
+ *@file main.cpp
+ *@brief 程序主文件
+ *@version 1.0
+ *@section LICENSE Copyright (C) 2003-2103 CamelSoft Corporation
+ *@author zhengtianzuo
+*/
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    engine.load(QUrl(QLatin1String("qrc:/main.qml")));
+
+    return app.exec();
+}

QmlProgress/main.qml

@@ -0,0 +1,36 @@
+/*!
+ *@file main.qml
+ *@brief 主文件
+ *@version 1.0
+ *@section LICENSE Copyright (C) 2003-2103 CamelSoft Corporation
+ *@author zhengtianzuo
+*/
+import QtQuick 2.7
+import QtQuick.Controls 2.2
+
+ApplicationWindow {
+    visible: true
+    width: 400
+    height: 300
+    title: qsTr("Qml进度条")
+
+    QmlProgress {
+        id: cProgress
+        anchors.centerIn: parent
+    }
+
+    Button{
+        id: btnStart
+        anchors.horizontalCenter: cProgress.horizontalCenter
+        anchors.top: cProgress.bottom
+        anchors.topMargin: 6
+        text: cProgress.isRunning() ? qsTr("结束") : qsTr("开始")
+        onClicked: {
+            if (cProgress.isRunning()){
+                cProgress.onStop();
+            }else{
+                cProgress.onStart();
+            }
+        }
+    }
+}

QmlProgress/qml.qrc

@@ -0,0 +1,6 @@
+<RCC>
+    <qresource prefix="/">
+        <file>main.qml</file>
+        <file>QmlProgress.qml</file>
+    </qresource>
+</RCC>

QmlProgress/show.gif

@@ -30,3 +30,4 @@ SUBDIRS += QmlCircularProgress
 SUBDIRS += QmlFontList
 SUBDIRS += QmlFlipImage
 SUBDIRS += QmlGrayImage
+SUBDIRS += QmlProgress

QtQuickExamples.pro

@@ -132,3 +132,8 @@ QmlGrayImage: Qml图片转灰度
 
 ![](https://github.com/zhengtianzuo/QtQuickExamples/blob/master/QmlGrayImage/show.jpg?raw=true)
 
+
+QmlProgress: Qml进度条
+
+![](https://github.com/zhengtianzuo/QtQuickExamples/blob/master/QmlProgress/show.gif?raw=true)
+