找回密码
 立即注册
Qt开源社区 门户 查看内容

QML自定义进度条

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

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

  1. 使用Quick2进行自定义进度条

  2. 动画控制进度条移动

  3. 封装自定义进度条


效果



关键代码

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。
----------------------------------------------------------------------------------------------------------------------

鲜花

握手

雷人

路过

鸡蛋

公告
可以关注我们的微信公众号yafeilinux_friends获取最新动态,或者加入QQ会员群进行交流:190741849、186601429(已满) 我知道了