- 博客(715)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 QML Lottie动画：素材独立控制与尺寸适配
这篇用一个示例把 4 个 Lottie 素材放到同一屏上同时播放，演示两件事：多路动画怎么各自独立又统一控制，以及 LottieAnimation 那个「写了 width 也不生效」的坑到底该怎么解。
2026-09-25 06:30:00
674
原创 QML Lottie动画：播放控制、逐帧拖拽、方向控制
这篇写三个控制类示例：播放控制、拖拽控制（帧控制）、方向控制。三个示例分别把 LottieAnimation 的控制接口用得比较全，代码里踩到的坑也都留在注释里了。
2026-09-25 06:30:00
369
原创 QML 自定义按钮：实现一个滑入聚合的拼块按钮
这篇做一个拼块聚合按钮：静止时按钮的位置只有一个空槽，8 块碎片停在按钮框外（被裁剪，所以不可见）；鼠标移进来，碎片从上下左右滑入，错峰拼成一个完整的按钮。
2026-09-24 06:30:00
70
原创 QML 动画选择：GIF与Lottie 的区别，以及 Qt 6.8 与 6.11 的 Lottie 实现差异
在QML里实现动态图的路径有两条：GIF 和 Lottie。这篇文章先把两者的取舍讲清楚，再对比 Qt 6.8 与 Qt 6.11 的 Lottie 实现差异——同一份 Lottie 素材，在这两个版本里可能画出完全不同的结果，这一点会直接决定你的工程该用哪个版本。
2026-09-24 06:30:00
567
原创 QML 自定义按钮：跟随鼠标倾斜的 3D 按钮
立体与阴影系列最后一篇，做一个 3D 倾斜跟随按钮，鼠标在按钮上移动时，按钮会绕 X 轴和 Y 轴同时倾斜，跟随鼠标位置产生 3D 立体感，离开后弹性回正。按压时整体缩小。适合用在产品展示卡片等需要立体感的场景。
2026-09-23 06:30:00
110
原创 QML 自定义按钮：实现一个滑入散开的拼块按钮
这篇做一个拼块按钮，由八块色块拼成。加载时碎片从四个方向错峰飞进来拼合成按钮，悬停时向四周散开，点击时整体抖动。用 `Repeater` 生成色块，每块一个独立的 `SpringAnimation` 管位置，`Timer` 负责错峰触发。
2026-09-23 06:30:00
107
原创 QML 自定义按钮：悬浮抬起与长投影效果
这篇做一个悬浮长投影按钮，常态有短投影微微悬浮，悬停时投影拉长，按压时投影收回。使用了 `Repeater` 生成多层半透明矩形模拟长投影，每层偏移递增、透明度递减。
2026-09-22 06:30:00
79
原创 QML 自定义按钮：折纸翻角按钮的折角与明暗处理
这篇做一个折纸翻角按钮，右下角有一个三角形折角，点击后折角绕斜边轴翻起露出背面，再点折回。使用 `ShapePath.OddEvenFill` 实现矩形挖角，用 `Rotation` 绕任意轴旋转实现翻角。
2026-09-22 06:30:00
135
原创 QML 自定义按钮：实现一个带加载状态的按钮
这篇做一个加载状态按钮，点击后进入加载态（禁用 + 转圈指示器 + 文字三点动画），3 秒后自动恢复可点击状态。这种按钮常见于表单提交、登录、文件上传等需要异步等待的场景。
2026-09-21 06:30:00
89
原创 QML 自定义按钮：实现一个拟物凸起效果的按钮
这篇做一个新拟物（Neumorphism）风格的按钮，常态从背景中凸起，按下时凹陷进去，用多层偏移 Rectangle 模拟明暗阴影，按压时亮影暗影位置互换实现凸起↔凹陷的视觉切换。
2026-09-21 06:30:00
104
原创 QML 自定义按钮：雷达扫描按钮的扇形旋转与拖尾
光效系列最后一篇做一个带雷达扫描效果的按钮，按钮中有一个扇形光束绕中心旋转，悬停时转速加快，按压时变亮缩小。用 `QtQuick.Shapes` 画扇形，`RotationAnimator` 在场景图线程高效旋转。
2026-09-19 06:30:00
79
原创 QML 自定义按钮：实现带有垂直翻转效果按钮
从这篇开始进入立体与阴影主题。立体效果的核心是用 `Rotation` + 透视缩放模拟 3D 空间，让平面的 QML 元素产生立体感。这篇做一个 3D 翻转按钮，点击后绕 Y 轴 3D 翻转，正反面异色，翻转时有近大远小的透视效果。
2026-09-19 06:30:00
142
原创 QML 自定义按钮：故障风按钮的撕裂与色散
这篇做一个带故障撕裂效果的按钮，交互时带有信号干扰效果——RGB 三色分离、横向随机抖动、扫描线噪点。悬停时随机触发轻微故障，按压时触发一次强烈故障闪烁。
2026-09-18 06:30:00
71
原创 QML 自定义按钮：实现一个带有流光描边效果的按钮
这篇做一个带有**描边流光**效果的按钮，在黑色圆角矩形边框上，一个高亮的弧段沿着边框运动。悬停时弧段变长、速度加快，按压时整体变亮。核心是用 Canvas 手动参数化圆角矩形周长，让高亮弧段沿路径移动。
2026-09-18 06:30:00
345
原创 QML 自定义按钮：用粒子系统做点击火花效果
上一篇做了霓虹发光，这篇做另一种光效，点击时迸发粒子火花的按钮。用 Qt Quick 自带的 `QtQuick.Particles` 粒子系统，点击时一次性发射 60 个金色发光粒子，全方向随机飞出，受重力影响形成抛物线轨迹，最后逐渐缩小消失。
2026-09-17 06:30:00
130
原创 QML 自定义按钮：用着色器做出流动的金属质感
这篇做一个液态金属按钮，圆形边缘持续微小变形，像水银表面一样流动，用径向渐变模拟金属高光和阴影。悬停时变形幅度增大，按压时变形减小（模拟被按压后表面变平）。
2026-09-17 06:30:00
145
原创 QML 自定义按钮：可拖拽、松手回弹的弹簧按钮
上一篇做了点击涟漪，这篇做一个可拖拽的按钮，可以在容器内自由拖动，松手后弹簧惯性滑回原位，拖拽时根据水平速度轻微旋转，模拟物体被拖动时的惯性倾斜。适合做浮动操作按钮（FAB）、可拖动的快捷入口等。
2026-09-16 06:30:00
470
原创 QML 自定义按钮：多层发光叠加出的霓虹按钮
光效按钮的特点是用多层半透明元素叠加模拟发光、散射等视觉效果，让按钮在深色背景下格外醒目。这篇做一个赛博朋克风格的霓虹发光按钮，多层光晕呼吸 + 灯管描边，悬停灯管变亮，按压瞬间高亮变白。
2026-09-16 06:30:00
77
原创 QML 自定义按钮：带动画效果的滑动开关
上一篇做了进度填充按钮，这篇做另一个 iOS 风格的滑动开关。这个自定义按钮支持点击切换，松手时能够自动就近吸附，圆圈滑动用 `SpringAnimation` 实现了一个过冲回弹的动画效果，同时将背景色做平滑过渡处理。
2026-09-15 06:30:00
148
原创 QML 自定义按钮：带点击扩散效果的按钮
前几篇做了果冻回弹、光晕、进度条、开关，这篇做一个点击反馈特别强烈的按钮，点击时从点击点扩散出双圈墨水涟漪，外环快内环慢，支持多次点击多波纹叠加。效果类似 Material Design 的涟漪（Ripple），但用双环实现更有层次感。
2026-09-15 06:30:00
72
原创 QML 自定义按钮：用着色器做鼠标跟随的光晕效果
这篇换个完全不同的思路，用 ShaderEffect 自定义片元着色器，让按钮表面产生一个跟随鼠标位置移动的光晕。悬停时光晕渐入，按压时光晕增亮。所有像素级计算都在 GPU 上完成，性能不是问题。
2026-09-14 06:30:00
180
原创 QML 自定义按钮：点击后从左向右填充的进度按钮
前两篇做了果冻回弹和鼠标光晕，这篇做一个有状态的按钮，点击后从左向右填充进度，文字同步显示百分比，进度满后显示 完成 ✓ 并自动重置。表单提交、文件上传、数据同步这些需要等待的场景，用这个按钮能让用户在等待时有明确的视觉反馈。
2026-09-14 06:30:00
98
原创 QML 自定义按钮：带确认的圆形分区按钮
上一篇做了四分区的圆形方向按钮，这篇在它基础上升级，外环是四个方向扇形，中央多一个圆形确认按钮，形成方向选择 + 确认的组合控件。游戏手柄的 D-Pad + 确认键、车载导航的方向选择 + OK 键、智能电视遥控器，都是这种布局。
2026-09-12 06:30:00
400
原创 QML 自定义按钮：用弹性动画做按压回弹的果冻按钮
按钮的交互反馈决定了用户按下去有没有感觉。这篇做一个强调手感的按钮，按压时快速缩小，松开后像果冻一样多段回弹。不用 `SpringAnimation`，用 `SequentialAnimation` 手动串几段 `NumberAnimation`，精确控制每一段的目标值和时长。
2026-09-12 06:30:00
195
原创 QML 自定义按钮：用正弦曲线画一个波浪按钮
上一篇用 Shape 画了静态的五角星，这篇换个思路，用 Canvas 把按钮的上下两条边从直线改成正弦波，再让波浪持续流动，看起来像液体在动。按钮保留悬停变色、按压变色，波动是一直跑的，跟交互状态无关。
2026-09-11 06:30:00
65
原创 QML 自定义按钮：圆形分区按钮的扇形切分与角度判定
前两篇做了星形和波浪形的单按钮，这篇做个更特别的，把一个圆分成四个扇形，每个扇形都能独立悬停、按压和点击。相当于一个圆里塞了四个方向按钮。游戏方向键、媒体播放器的快进快退上一首下一首，常见的就是这种布局。
2026-09-11 06:30:00
214
原创 QML 按键事件篇：事件的传播与拦截
按键事件到底发给谁？会不会一层层都收到？这就是"事件传播"的话题。QML 里键盘事件默认会从获得焦点的内层逐步向外层冒泡，并且可以在任意一层用 event.accepted = true 把它拦下来。这个 demo 用三层嵌套的矩形做演示：内层、中层、外层。点内层后按任意键，你会看到事件一层一层往外闪烁。打开"拦截"开关后，按键只在内层触发，不再外传。一个开关，两种行为，本文把按键事件的传播和拦截一次讲清。
2026-09-10 06:30:00
389
原创 QML 自定义按钮：星形按钮的裁剪与点击区处理
矩形按钮看久了总想换点花样。这篇用纯 QML 画一颗五角星当按钮，不用图片资源。也不是画个静态星星就完事，额外增加了一些动态效果：悬停会变色，按下去会缩，松手还会弹一下。
2026-09-10 06:30:00
219
原创 QML 焦点导航：Tab 顺序与方向键移动
这一篇讲焦点怎么在元素之间移动。QML 原生有两种导航方式——按 Tab 键在控件间循环，以及用方向键在网格里上下左右移动。前者靠控件的"Tab 顺序"默认机制，后者靠 `KeyNavigation` 附加属性声明"下个焦点是谁"。
2026-09-09 06:30:00
292
原创 QML 按键事件篇：方向控制
这一篇做一个简易的方向控制游戏：一个方块在网格场上，用 WASD 或方向键控制它移动，可以按住实现连续移动、支持斜向移动，按 R 键瞬间回到中心。这样就把 Keys 按键事件、时钟节拍、坐标运算串起来，做出真正有交互手感的东西。
2026-09-09 06:30:00
716
原创 QML 按键事件篇：基础按键与修饰键检测
想让界面响应键盘，QML 里的标准做法是把 Keys 这个附加属性挂到某个可获取焦点的元素上，再用它暴露的 onPressed、onReleased 等信号去处理。下面从最基础的按键识别讲起，再到 Ctrl、Shift、Alt 这些修饰键的组合检测。
2026-09-08 06:30:00
451
原创 QML 焦点管理：forceActiveFocus 与 FocusScope 焦点域
怎么把一个元素主动设为焦点？一堆互相嵌套的元素，焦点到底归谁管、切换后还记不记得原来的位置？下面两个 demo 分别回答这两件事：forceActiveFocus() 负责强行夺取焦点，FocusScope 负责把一组子元素包装成一个"焦点黑盒"，让它们内部的焦点状态不被外界的切换打扰。
2026-09-08 06:30:00
385
原创 QML 快捷键篇：快捷键菜单与状态切换
从这篇开始，快捷键要跟界面真正联动起来：一个快捷键去控制菜单的展开收起，一个快捷键去切换视觉属性的开关状态。它们共同的特点是——快捷键不再孤立存在，而是和界面上的状态变量绑在一起。
2026-09-07 06:30:00
404
原创 QML 快捷键篇：上下文作用域与多快捷键管理
系列前几篇解决的是"一个快捷键怎么配"，最后这篇解决"很多快捷键怎么管"和"同一个快捷键怎么在不同场景干不同的事"。一个用 enabled 绑定把同一个 Ctrl+D 拆成两种模式；另一个用 Repeater 加 ListModel 把八个快捷键做成一张可单独启停的配置表。
2026-09-07 06:30:00
301
原创 QML 快捷键篇：基础快捷键与组合键序列
做界面时，用户希望常用的操作不用每次都点鼠标——按一下 Ctrl+S 就保存，按一下 Ctrl+K 再按 Ctrl+C 就注释一段代码。QML 里有个专门的 Shortcut 组件干这件事：注册一个按键序列，触发时执行一段逻辑，不用自己写一堆按键监听。下面从最基础的单个组合键讲起，再延伸到更复杂的组合键序列。
2026-09-05 06:30:00
302
原创 QML 快捷键篇：单键与修饰键组合
这一篇换两个方向：一个是不带任何修饰键的单键快捷键，靠 F1、Esc 这类功能键避开输入冲突；另一个是修饰键组合的完整用法，用 Ctrl/Shift/Alt 配方向键，给同一个方块做出一套移动、缩放、旋转的操作手势。
2026-09-05 06:30:00
338
原创 QML MouseArea：鼠标拖拽与滚轮缩放
这一篇讲 MouseArea 在"改元素位置和大小"上的两个典型能力：按住拖动让方块跟着鼠标走，以及滚动滚轮让目标缩放（按住 Ctrl 还能变成旋转）。拖拽用的是 MouseArea 内置的 Drag 这套机制，滚轮走的是滚轮事件 onWheel。理解了它们，就能做出画布拖动、图片缩放这类常见的交互。
2026-09-04 06:30:00
267
原创 QML MouseArea：事件传递与自定义按钮
最后一篇讲两个进阶话题：一是多个 MouseArea 叠在一起时，点击到底该归谁——也就是事件怎么在图层之间传递；二是完全不依赖现成按钮、只用一个普通方块加一个 MouseArea 自己搭按钮，做出悬停变色、按下缩放、鼠标变手型的自定义效果。
2026-09-04 06:30:00
451
原创 QML MouseArea：点击、悬停与坐标获取
这两个 demo 覆盖鼠标交互最基础的能力：怎么接收点击，怎么感知鼠标是否悬停在区域上，怎么拿到点击的具体位置。学会了它们，就理解了 MouseArea 的核心用法，后面的拖拽、缩放、自定义按钮都是在这个基础之上叠加。
2026-09-03 06:30:00
710
原创 QML MouseArea：单击双击、长按与多按键
鼠标不只是"点一下"这么简单。除了最常用的单击，还有双击、长按、不同按键之分。这一篇讲 MouseArea 处理这类精细化事件的三种方式：用 Timer 自己判断单击/双击、用现成的长按信号、用鼠标按键来区分左中右键。
2026-09-03 06:30:00
465
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关注的人