- 博客(681)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 QML 快捷键篇：基础快捷键与组合键序列
做界面时，用户希望常用的操作不用每次都点鼠标——按一下 Ctrl+S 就保存，按一下 Ctrl+K 再按 Ctrl+C 就注释一段代码。QML 里有个专门的 Shortcut 组件干这件事：注册一个按键序列，触发时执行一段逻辑，不用自己写一堆按键监听。下面从最基础的单个组合键讲起，再延伸到更复杂的组合键序列。
2026-09-05 06:30:00
149
原创 QML 快捷键篇：单键与修饰键组合
这一篇换两个方向：一个是不带任何修饰键的单键快捷键，靠 F1、Esc 这类功能键避开输入冲突；另一个是修饰键组合的完整用法，用 Ctrl/Shift/Alt 配方向键，给同一个方块做出一套移动、缩放、旋转的操作手势。
2026-09-05 06:30:00
12
原创 QML MouseArea：鼠标拖拽与滚轮缩放
这一篇讲 MouseArea 在"改元素位置和大小"上的两个典型能力：按住拖动让方块跟着鼠标走，以及滚动滚轮让目标缩放（按住 Ctrl 还能变成旋转）。拖拽用的是 MouseArea 内置的 Drag 这套机制，滚轮走的是滚轮事件 onWheel。理解了它们，就能做出画布拖动、图片缩放这类常见的交互。
2026-09-04 06:30:00
229
原创 QML MouseArea：事件传递与自定义按钮
最后一篇讲两个进阶话题：一是多个 MouseArea 叠在一起时，点击到底该归谁——也就是事件怎么在图层之间传递；二是完全不依赖现成按钮、只用一个普通方块加一个 MouseArea 自己搭按钮，做出悬停变色、按下缩放、鼠标变手型的自定义效果。
2026-09-04 06:30:00
433
原创 QML MouseArea：点击、悬停与坐标获取
这两个 demo 覆盖鼠标交互最基础的能力：怎么接收点击，怎么感知鼠标是否悬停在区域上，怎么拿到点击的具体位置。学会了它们，就理解了 MouseArea 的核心用法，后面的拖拽、缩放、自定义按钮都是在这个基础之上叠加。
2026-09-03 06:30:00
694
原创 QML MouseArea：单击双击、长按与多按键
鼠标不只是"点一下"这么简单。除了最常用的单击，还有双击、长按、不同按键之分。这一篇讲 MouseArea 处理这类精细化事件的三种方式：用 Timer 自己判断单击/双击、用现成的长按信号、用鼠标按键来区分左中右键。
2026-09-03 06:30:00
425
原创 QML 拖拽篇：拖拽吸附与列表排序
前面两篇的拖拽，元素放哪算哪，不讲究位置对不对。但真实应用里常要"归位"：窗口靠边自动吸附、列表项拖到某个位置就插进去。下面两个 demo，一个做"靠近即吸附"，一个做"拖到哪排到哪"，都用上了释放瞬间的坐标判断和位置计算。
2026-09-02 06:30:00
746
原创 QML 拖拽篇：跨列拖拽与数字拼图
系列最后两篇的场景都来自真实产品：看板（Trello 式任务管理）和拼图游戏。它们把前面学的 mimeData 传输、DropArea 接收、model 数据操作串起来，做成"拖一张卡片跨列移动"和"拖数字块拼顺序"这样有实用价值的交互。
2026-09-02 06:30:00
698
原创 QML 拖拽篇：自由移动与单轴约束
我们常常会有这样的需求：把窗口拖到屏幕边缘、拖动滑块的圆钮、把任务挪到另一个列表。QML 里实现拖拽的基础，就是 `MouseArea` 上那几个 `drag.*` 属性——指定拖谁、往哪个方向拖、最多拖多远。下面从最简单的自由拖拽开始，再讲怎么把拖拽限制在单一方向上。
2026-09-01 06:30:00
652
原创 QML 拖拽篇：接收拖拽与数据交换
上一篇讲的拖拽只是把东西搬来搬去，这一篇开始讲真正的拖放：拖出去的东西，另一个区域要能接收，并且能读懂拖过来的数据。这就是 `DropArea` 的活儿。它配合拖拽源携带的 `mimeData`，完成从"视觉移动"到"数据交换"的跨越。下面两个 demo，一个演示单向投放，一个演示双向交换。
2026-09-01 06:30:00
426
原创 QML 进度条动效：29种进度可视化效果，让你的加载界面活起来
本专栏系统讲解 29 种 QML 进度条实现方案，涵盖基础渐变、粒子特效、图标异形、水波动态、圆环仪表盘五大分类。从 Gradient 渐变到 Canvas 火焰粒子，从正弦水波到带指针仪表盘，每篇都讲清原理、给出完整代码，帮你快速实现高质量的进度可视化效果。
2026-08-31 06:30:00
399
原创 QML ButtonGroup：单选还是多选，父子联动一次搞定
单选用 RadioButton，多选用 CheckBox，但数量一多，当前选中了谁、谁和谁是一组就不好管理了。ButtonGroup 把一组按钮收进来，由组统一管选中状态。下面两个 demo，一个展示如何管理单选，一个如何管理多选，后者还具有父子三态联动的效果。
2026-08-31 06:30:00
337
原创 QML 容器动效：19 种容器动效，让你的界面元素活起来
本专栏聚焦 QML 容器组件的动效实现，包含容器基础、卡片交互、动态边框、加载入场四大分类共 19 篇文章。从 Pane/Frame/GroupBox 自定义到磁吸卡片、3D 倾斜、水波纹点击，从霓虹流动边框到骨架屏加载、3D 翻牌入场，全面提升界面交互质感。
2026-08-29 06:30:00
388
原创 QML Action 共享复用与快捷键：一个动作多处触发
写 QML 界面时常见一个麻烦：同一个功能，工具栏放个按钮，菜单里放一项，有时界面上还要再放一个。逻辑完全一样，却要写三遍，改的时候还容易漏。Action 就是干这个的——把"保存"定义成一份，谁要展示谁引用，文字、图标、快捷键、触发逻辑统一管理。
2026-08-29 06:30:00
406
原创 QML 实现4种逐字揭示的进度条效果
把进度做成文字逐字揭示，分基础打字机、字符块进度、终端打字机、文字渐显四档。重点讲 Repeater 拆字符阈值变色、Canvas 用块字符画进度、substring 截取做打字效果、opacity+scale 配 OutBack 缓动做字符弹出。
2026-08-28 06:30:00
179
原创 QML 文字动效：12 种文字动效，让文字成为视觉焦点
本专栏讲解 12 种 QML 文字动画实现，分为文字入场、动效组件、视觉效果三大类。从幕布拉开、逐字弹出的入场动画，到滚动字幕、打字机、倒计时的实用组件，再到彩虹流光、波浪倒影、故障效果的视觉特效，每篇均含原理讲解与完整代码，让文字成为界面的情感表达工具。
2026-08-28 06:30:00
349
原创 QML 音频波形进度条：五种波形的进度可视化
把进度做成音频波形，分基础波形、频谱柱、流水波形、心跳波形、镜像波形五种。重点讲 arcTo 拼圆角矩形、正弦叠加复杂波形、频谱柱激活切色、心跳 P-Q-R-S-T 分段、镜像柱上下对称、相位系数整数化避免跳变。
2026-08-27 06:30:00
84
原创 QML 火焰进度条的实现
把进度尖端做成燃烧的火焰——火舌跳动、余烬喷涌、火星上升。重点讲整个进度条画在单个 Canvas 统一裁剪、arcTo 拼圆角胶囊、径向渐变火舌、余烬生命周期喷涌、火星快速上升、粒子颜色按生命周期渐变。
2026-08-26 06:30:00
200
原创 QML 脉冲进度条：光带扫过与末端呼吸光晕
一条光带沿进度条持续扫过，末端有呼吸光晕，分单脉冲、双脉冲、末端脉冲三档。重点讲光带位置随 time 循环、前亮后淡线性渐变、双脉冲相位错开 π、末端呼吸用径向渐变、内外两层光晕叠加。
2026-08-25 06:30:00
11
原创 QML 粒子进度条：Canvas 模拟粒子流动与火花喷散
用 Canvas 模拟粒子在进度条内流动、火花从尖端喷散、气泡上升，分三档。重点讲粒子数组初始化、正弦波动和闪烁、火花生命周期渐隐、气泡上升摆动、三种粒子速度不同步。
2026-08-25 06:30:00
102
原创 QML 文字进度条：渐变填充与滚动数字
把进度信息做进文字里——文字渐变填充、数字滚动翻页、文字裁剪显示进度，分三档。重点讲 measureText 测量宽度、矩形裁剪做文字填充、Column y 偏移做滚动数字、SmoothedAnimation 平滑翻页。
2026-08-24 06:30:00
13
原创 QML 图标进度条：星级进度、表情、火箭进度条
用图标代替普通填充，分星级、表情、火箭三档。重点讲星级按进度逐个填充、表情脸色 HSL 色相变化、眼睛和嘴巴阈值切换、火箭位置跟进度走、火焰正弦波动、双层火焰叠加。
2026-08-24 06:30:00
14
原创 QML 弹跳进度条：缓动与阶梯波动
用弹性缓动让进度变化时有弹跳反馈。重点讲 OutElastic 弹性缓动、阶梯波动相位错开、完成阈值切换颜色和文字、InBounce 完成缩放、transformOrigin 中心缩放，适合游戏化、奖励、完成反馈。
2026-08-24 06:30:00
80
原创 QML 呼吸进度条：呼吸节奏与多层光晕
让进度条像呼吸一样持续起伏，配合光晕外扩和缩放。重点讲 SequentialAnimation 拼呼吸循环、InOutSine 缓动、HSL 色相亮度偏移、anchors.margins 负值做光晕外扩、光晕透明度按呼吸值缩放。
2026-08-24 06:30:00
9
原创 QML 六种信号强度进度条的实现
用递增竖条或 WiFi 弧形展示信号强度，分基础+渐变、标签+圆角、脉冲+WiFi 三档。重点讲 Repeater 生成递增竖条、阈值亮灭、ColorAnimation 平滑过渡、胶囊形圆角、脉冲相位错开、WiFi 弧形角度范围。
2026-08-22 06:30:00
463
原创 QML 点阵进度条：离散圆点的激活与脉冲
用一组离散圆点表示进度，分基础三种圆点和脉冲环形两档。重点讲 Repeater 生成圆点、颜色和尺寸双重 Behavior、HSL 色相递变、正弦脉冲相位错开、环形圆点三角函数算位置。
2026-08-22 06:30:00
115
原创 QML 心形进度条：贝塞尔曲线和双向填充
把进度做成心形，支持垂直和水平两种填充方向。重点讲贝塞尔曲线画心形路径、心形裁剪填充、垂直/水平两种填充方向、渐变方向跟着填充方向、文字往下偏移避免被心形遮挡。
2026-08-21 06:30:00
141
原创 QML 电池进度条：圆角矩形路径与电量配色
把进度做成电池形状，电量高低决定颜色。重点讲 arcTo 拼圆角矩形路径、电池三层结构、电量阈值切色（低红中黄高绿）、垂直电池填充方向反转、光泽渐变叠立体感。
2026-08-21 06:30:00
86
原创 QML 故事进度条：分段积累式填充与文字标签
模仿社交媒体 Stories 的分段进度条，多个段各自独立推进。重点讲积累式填充公式 clamp(value*5-index,0,1)、段宽度均分、文字颜色跟随段状态、段编号计算、故事文字数组声明在根组件。
2026-08-20 06:30:00
7
原创 QML 星形进度条：星形路径裁剪与自底向上填充
把进度做成五角星形状从底部往上填充。重点讲五角星十顶点三角函数计算、星形路径裁剪填充、底色和进度填充分层、形状旋转填充不旋转、外圈光晕用实心圆，适合评分、成就、奖励场景。
2026-08-20 06:30:00
136
原创 QML 动态水波：多层波叠加、涟漪扩散与水面高光
三层正弦波叠加加涟漪扩散加水面高光线的独立 Demo。重点讲三层频率从慢到快振幅从大到小、频率系数整数化保证循环无缝、涟漪用 ellipse 画扁圆扩散、高光沿波形描边、速度滑杆实时调节。
2026-08-19 06:30:00
212
原创 QML 缓冲进度条与视频进度条
模拟视频播放器的缓冲+播放双进度，把播放控制条抽成公共组件 PlayerControlBar 供 BufferBar 和 VideoBar 复用。重点讲对外接口设计、三层进度轨道、信号让使用方控制逻辑、Timer 每秒前进、缓冲上限 clamp。
2026-08-19 06:30:00
75
原创 DeepSeek Harness：初次安装使用以及配套插件介绍
DeepSeek Harness 是一款本地运行的 AI 工具，可通过浏览器访问，支持文件阅读、代码修改和资料查询。安装方式包括 npx 临时安装和 npm 全局安装，后者适合长期使用。Windows 用户可配置开机自启，提供三种方案。安装成功后，在浏览器打开本地服务地址即可使用。首次需填入 DeepSeek API Key，支持标准、PTC、极简和创造四种模式，满足不同需求。权限设置包括只读、工作区可写和完全访问。此外，可安装插件增强功能，如侧边栏文件管理、表单渲染和 UI 皮肤等，提升使用体验。
2026-08-18 07:00:00
1055
原创 QML 双波进度条：错相双层与对向双层
在水波基础上叠加两层波——同向相位错开（错相双层）或反向流动交叉（对向双层）。重点讲两层相位错开、反向流动交叉、两层透明色叠加、两种动画速度不同避免同步。
2026-08-18 06:30:00
90
原创 QML 水波进度条：正弦波叠加做出水面波动
用正弦波叠加做出水面持续波动，水位高低对应进度，分基础和气泡两档。重点讲正弦波叠加复杂波形、圆形裁剪、水位基线映射进度、time 动画驱动波形流动、气泡浮动。
2026-08-17 06:30:00
107
原创 QML 圆形水波进度条：渐变水波、发光效果
圆形容器装水波，水面加高光线，圆外加进度弧，分渐变和发光两档。重点讲温度渐变色、外光晕两种画法、水面高光沿波形描边、进度弧画在圆外、四层分层绘制顺序。
2026-08-17 06:30:00
149
原创 QML 刻度圆环进度条：刻度线、数值标签与发光效果
在圆环外围加刻度线和数值标签，分基础、精细、发光三档。重点讲三角函数算刻度端点、主次刻度三级层次、主刻度位置标数值、同一路径画两次模拟发光效果。
2026-08-15 06:30:00
102
原创 QML TextArea 组件：大文本加载与性能优化
本文解决了在QML中使用TextArea加载大文本时出现的内存和性能问题。文章提出了一种优化方案：通过C++端的TextLoader类高效读取文本文件，并按行分块处理；在QML端使用ListView虚拟化技术，只渲染当前可见的文本块，其余部分由ListView的回收机制管理。这种方法显著降低了内存占用，保证了滚动流畅性。文中提供了完整的QML和C++实现代码，涉及跨语言调用、虚拟化列表等关键技术点，为处理大文本提供了实用解决方案。
2026-08-15 06:30:00
1056
原创 QML 多环进度条：同心圆环叠出多指标对比
用多个同心圆环同时展示几个指标。重点讲数组配置多环、从外到内绘制、三属性独立触发重绘、图例颜色与环对应、环间距避免视觉重叠，适合多维度数据对比。
2026-08-14 06:30:00
92
原创 QML 用Canvas绘制渐变圆环进度条
用 HSL 色相插值让圆环从一种颜色渐变到另一种，分冷色、暖色、彩虹三档。重点讲 HSL 色相插值公式、段数按进度缩放、深色背景衬托暖色，比分段着色更顺滑。
2026-08-14 06:30:00
126
OpenCV实战：车辆统计（Python + OpenCV + 车辆识别）
2025-03-06
opencv + haar级联分类器实现人脸识别.zip
2025-03-19
【清华大学DeepSeek教程】.zip
2025-02-26
Qt之轮播诗词相册的实现
2022-09-06
QT串口编程，如何获取电脑当前可用端口名。
2013-07-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人