欢迎光临
我们一直在努力

QML 自定义dial:实现一个柔光旋钮

目录

    • 演示代码
    • 代码说明
    • 工程下载

这个旋钮的立体感不是在 Canvas 里画的,而是交给 MultiEffect 的阴影:外盘凸起、内圈凹下,用的是同一套参数把方向调过来。指针两端有机械限位,转到头就停。如图所示:

在这里插入图片描述

阴影怎么叠出凸起和凹陷,流程如下:

#mermaid-svg-ZDqcFm6a3YZqfZkm{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-ZDqcFm6a3YZqfZkm .edge-animation-slow{stroke-dasharray:9,5

赞(0)
未经允许不得转载:171主机测评 » QML 自定义dial:实现一个柔光旋钮
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址