基于Qml的ProgressBar控件修改而成。

進度條代碼

import QtQuick 2.0 import QtQuick.Controls 2.0ProgressBar {id: rootproperty color color: "#3498DB"value: 0.5background: Rectangle {implicitWidth: 200implicitHeight: 12color: "#EBEDEF"}contentItem: Item {implicitWidth: root.background.implicitWidthimplicitHeight: root.background.implicitHeightRectangle {width: root.visualPosition * parent.widthheight: parent.heightcolor: root.color}} }

進度條樣式代碼

GridLayout {width: root.widthrows: 3columns: 3Repeater {model: ["#727CF5", "#0ACF97", "#F9375E","#FFBC00", "#2B99B9", "#5A6268","#EEF2F7", "#212730", "#3498DB"]ProgressBar {color: modelDatavalue: Math.random()}} }

• 更多精彩內容請關注公眾號Qt君。

總結

以上是生活随笔為你收集整理的控件 qml_Flat风格的Qml进度条的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。