您当前的位置: 首页 > 

龚建波

暂无认证

  • 3浏览

    0关注

    313博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

QML Canvas 绘制波浪进度球

龚建波 发布时间:2021-03-12 00:40:18 ,浏览量:3

小球的实现思路比较简单,就是填充一个带正弦路径的区域,然后 clip 截取出圆球部分。

最终效果图:

遇到的问题:

绘制圆后对该圆路径 clip 会有一圈虚线,绘制前后加上 save、restore 解决了;

阴影等特效很占资源不建议使用;

clip 对抗锯齿有一点影响,可以计算下水球圆弧的起止角度直接绘制圆弧;

要对文本差异性着色在有多个波浪时比较麻烦,待完成。

代码地址:https://github.com/gongjianbo/MyTestCode/tree/master/Qml/TestQml_20210310_Wave

完整代码:

import QtQuick 2.12
import QtQuick.Controls 2.12

//波浪小球
//参照:https://blog.csdn.net/zhengtianzuo06/article/details/78687838
//参照:https://blog.csdn.net/lecepin/article/details/53536445
//参照:https://blog.csdn.net/yyy269954107/article/details/43449087
Canvas {
    id: control

    implicitWidth: 200
    implicitHeight: 200

    //数值范围
    property real maxValue: 100
    property real minValue: 0
    property real curValue: 0

    //显示进度
    property real curProgress: (curValue-minValue)/(maxValue-minValue)*100
    property string curText: (curProgress            
关注
打赏
1655829268
查看更多评论
0.0353s