QML自定义进度条

2019-8-31 05:54| 发布者: admin| 查看: 1636| 评论: 0

摘要: 功能使用Quick2进行自定义进度条动画控制进度条移动封装自定义进度条效果关键代码background: Rectangle{ x: control.leftPadding y: control.topPadding + control.availableHeight / 2 - height / 2 implicitWi ...

功能

使用Quick2进行自定义进度条
动画控制进度条移动
封装自定义进度条

效果

关键代码

background: Rectangle

{

x: control.leftPadding

y: control.topPadding + control.availableHeight / 2 - height / 2

implicitWidth: 200

implicitHeight: 4

width: control.availableWidth

height: implicitHeight

radius: 2

color: "#bdbebf"

Rectangle

{

width: control.visualPosition * parent.width

height: parent.height

color: "#21be2b"

radius: 2

}

}

请分享看一看，更多人查看。

----------------------------------------------------------------------------------------------------------------------
我们尊重原创，也注重分享，文章来源于微信公众号：Qt开发者中心，建议关注公众号查看原文。如若侵权请联系qter@qter.org。
----------------------------------------------------------------------------------------------------------------------

鲜花

握手

雷人

路过

鸡蛋

收藏分享邀请

帐号		自动登录	找回密码
密码			立即注册

账号		自动登录	找回密码
密码			立即注册