Qml圆形进度条

作者: zhengtianzuo | 来源:发表于2018-11-29 20:28 被阅读0次

使用Qml的Canvas来画圆形

onPaint: {
        var ctx = getContext("2d")
        ctx.clearRect(0,0,width,height)
        ctx.beginPath()
        ctx.strokeStyle = arcBackgroundColor
        ctx.lineWidth = arcWidth
        ctx.arc(width/2,height/2,radius,0,Math.PI*2,anticlockwise)
        ctx.stroke()

        var r = progress*Math.PI/180
        ctx.beginPath()
        ctx.strokeStyle = arcColor
        ctx.lineWidth = arcWidth

        ctx.arc(width/2,height/2,radius,0-90*Math.PI/180,r-90*Math.PI/180,anticlockwise)
        ctx.stroke()
    }
show.gif

需要完整代码请访问QtQuickExamples

相关文章

  • Qml圆形进度条

    使用Qml的Canvas来画圆形 需要完整代码请访问QtQuickExamples

  • Qml圆形波浪进度条

    参考 Canvas制作动态进度加载水球感谢原博主的分享 需要完整代码请访问QtQuickExamples

  • iOS 各种圆形进度条

    iOS 各种圆形进度条:UAProgressView iOS手把手教你实现圆形进度条

  • Android自定义圆形进度条学习

    Android中圆形进度条的应用还是挺多的,最近学习实现了圆形进度条。 思路 要实现圆形进度条, 首先要画灰色背景...

  • Qml圆形图片

    使用QtGraphicalEffects中的OpacityMask效果: 需要完整代码请访问QtQuickExam...

  • Flat风格的Qml进度条

    基于Qml的ProgressBar控件修改而成。 进度条代码 进度条样式代码 更多精彩内容请关注公众号Qt君。

  • Android圆形进度条自定义

    自定义圆形进度条 实现 圆形进度条api 使用 将MyCircleProgressView和attrs.xml下的...

  • 项目中shap的使用

    圆形 矩形边框 进度条 1. 圆形 2. 矩形边框 3. 进度条 4. 大神博客 :http://www.cnbl...

  • Qml圆形进度按钮

    首先从方形到圆形的转变只需要更改Rectangle的radius值就行了转变成圆形后就可以出现圆形进度条 需要完整...

  • Qml进度条

    基本上是官网例子上加了一些方法 需要完整代码请访问QtQuickExamples

网友评论

    本文标题:Qml圆形进度条

    本文链接:https://www.haomeiwen.com/subject/fvkqcqtx.html