首页/新闻资讯/正文详情

QML 自定义按钮:带笔刷边框的按钮

发布时间:2026/9/27 22:04:23 来源:云帆数科 栏目:资讯中心
QML 自定义按钮:带笔刷边框的按钮
目录最终效果核心原理按弧长逐段画笔刷颜色动画怎么跑文字和按压可调参数适用场景完整代码工程下载这篇做一个笔刷边框按钮:加载时边框像被一笔一笔画出来,悬停时反向擦除再重画。最终效果240×64 的线框按钮,加载时边框从左上角开始沿路径一笔画出(渐变墨色),悬停时先擦除再重画。按钮没有背景色,只有渐变边框和文字。实现上用的是 Canvas 按弧长逐段画路径的思路,把圆角矩形拆成 4 条直线和 4 段圆弧,动画进度决定每一帧画到路径的哪个位置。SVG 里常见的setLineDash+lineDashOffset描边动画我也试过,但 Qt 的 Canvas 里偏移行为和标准不一致,边框会整条一起出现,画不出渐进效果,所以放弃了。核心原理核心是把圆角矩形的闭合路径拆成 8 段,用弧长预算逐段画。按弧长逐段画onPaint: { var ctx = getContext("2d") ctx.reset() var lw = 3 ctx.lineWidth = lw var grad = ctx.createLinearGradient(0, 0, width, 0) grad.addColorStop(0, bru

相关推荐

Cursor 多语言全栈开发实战:用 TaoToken 统一 Key 打通配置链路
Cursor 多语言全栈开发实战:用 TaoToken 统一 Key 打通配置链路

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 22:04:11

Beyond the Editor:TaoToken 统一 Key 如何重塑 AI-Native Code Hosting 的开发者工作流
Beyond the Editor:TaoToken 统一 Key 如何重塑 AI-Native Code Hosting 的开发者工作流

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 22:04:04

二层交换机GMRP组播配置实战:SV与GOOSE帧格式解析及TaoToken统一Key接入
二层交换机GMRP组播配置实战:SV与GOOSE帧格式解析及TaoToken统一Key接入

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 22:04:04

2026最新5款Cursor平替实测合集:TaoToken统一Key接入TRAE/Windsurf/CodeBuddy配置骨架
2026最新5款Cursor平替实测合集:TaoToken统一Key接入TRAE/Windsurf/CodeBuddy配置骨架

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 22:34:42

10个图像处理的Python库
10个图像处理的Python库

来源:Deephub IMBA本文约1600字,建议阅读5分钟无论你是刚开始基本的图像处理还是探索高级机器学习模型,这些库都为广泛的图像处理任务提供了必要的工具。在这篇文章中, 我们要把计算机视觉项目里常用到的库整理一遍, 大家要是想要进入计算机视… · 2026/9/27 22:34:42

网页界面设计的特点是什么?避开模板坑的性能优化实战
网页界面设计的特点是什么?避开模板坑的性能优化实战

网页界面设计的特点是什么?避开模板坑的性能优化实战 别再被那些一眼假的模板网站坑了!很多老板花几千块买的“高端定制”,上线后加载慢得像蜗牛,手机端排版还乱飞,客户看一眼就关页。这根本不是设计问题,是 性能优化 和界面底层逻辑没搞对。… · 2026/9/27 22:34:36

四大AI编程工具组合测评:用TaoToken统一Key打通Cline与CC Switch配置
四大AI编程工具组合测评:用TaoToken统一Key打通Cline与CC Switch配置

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 22:34:29

Python 的bug 是什么?为什么大佬写代码也逃不过报错|数智码力分享
Python 的bug 是什么?为什么大佬写代码也逃不过报错|数智码力分享

刚刚接触编程这项工作的时候, 最让人感到无比崩溃的那个情形, 就是显示屏上面铺满了一大片红色的错误提示信息文字。好多刚开始学习代码的初学者一旦撞见了报错现象, 心理状态就容易陷入自我怀疑的地步: 难道说我是因为自己太笨了吗, 为啥其他人编写的代码程序都能顺利正常运行… · 2026/9/27 22:34:17

利用 VSCode remote-ssh 插件配合云服务器搭建开发环境:TaoToken 统一 Key 接入 settings.json 配置骨架
利用 VSCode remote-ssh 插件配合云服务器搭建开发环境:TaoToken 统一 Key 接入 settings.json 配置骨架

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 22:34:11

MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现
MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现

简介:这套Matlab仿真工具完整呈现雷达信号脉冲压缩过程,从线性调频(LFM)信号生成、目标回波仿真到匹配滤波压缩处理均有可运行代码支撑,面向电子信息工程、计算机、数学等专业学生,适用于课程设计、期末大作… · 2026/9/27 0:00:01

汕头网站建设制作厂家避坑指南:5大注意事项救急
汕头网站建设制作厂家避坑指南:5大注意事项救急

汕头网站建设制作厂家避坑指南:5大注意事项救急 改个需求建站公司拖一周,这种憋屈事我见得太多了。 很多汕头老板找本地建站团队,签合同前看着方案挺美,一上线就变脸。 今天不聊虚的,直接拆解找 汕头网站建设制作厂家 时的5个核心 注意事项… · 2026/9/27 0:00:01

多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习
多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习

简介:基于PyTorch的多模态虚假新闻检测项目完整代码包,面向自然语言处理与计算机视觉交叉方向的开发者、科研人员及毕业设计选题者,解决社交媒体中文本与图像联合识别虚假新闻的问题。系统以BERT预训练模型提取文本语义特征,以Res… · 2026/9/27 0:00:01

MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现
MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现

简介:这套Matlab仿真工具完整呈现雷达信号脉冲压缩过程,从线性调频(LFM)信号生成、目标回波仿真到匹配滤波压缩处理均有可运行代码支撑,面向电子信息工程、计算机、数学等专业学生,适用于课程设计、期末大作… · 2026/9/27 0:00:01

汕头网站建设制作厂家避坑指南:5大注意事项救急
汕头网站建设制作厂家避坑指南:5大注意事项救急

汕头网站建设制作厂家避坑指南:5大注意事项救急 改个需求建站公司拖一周,这种憋屈事我见得太多了。 很多汕头老板找本地建站团队,签合同前看着方案挺美,一上线就变脸。 今天不聊虚的,直接拆解找 汕头网站建设制作厂家 时的5个核心 注意事项… · 2026/9/27 0:00:01

多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习
多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习

简介:基于PyTorch的多模态虚假新闻检测项目完整代码包,面向自然语言处理与计算机视觉交叉方向的开发者、科研人员及毕业设计选题者,解决社交媒体中文本与图像联合识别虚假新闻的问题。系统以BERT预训练模型提取文本语义特征,以Res… · 2026/9/27 0:00:01

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码