控件 qml_Flat风格的Qml进度条
生活随笔
收集整理的這篇文章主要介紹了
控件 qml_Flat风格的Qml进度条
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
基于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进度条的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 华三交换机mode是什么意思_POE交换
- 下一篇： 安卓手机反应慢又卡怎么办_手机卡顿反应慢