控件 qml_Flat风格的Qml进度条
生活随笔
收集整理的這篇文章主要介紹了
控件 qml_Flat风格的Qml进度条
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
基于Qml的ProgressBar控件修改而成。
進(jìn)度條代碼
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}} }進(jìn)度條樣式代碼
GridLayout {width: root.widthrows: 3columns: 3Repeater {model: ["#727CF5", "#0ACF97", "#F9375E","#FFBC00", "#2B99B9", "#5A6268","#EEF2F7", "#212730", "#3498DB"]ProgressBar {color: modelDatavalue: Math.random()}} }- 更多精彩內(nèi)容請(qǐng)關(guān)注公眾號(hào)Qt君。
總結(jié)
以上是生活随笔為你收集整理的控件 qml_Flat风格的Qml进度条的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 华三交换机mode是什么意思_POE交换
- 下一篇： 安卓手机反应慢又卡怎么办_手机卡顿反应慢