ESP-IDF组件机制深度解析：CMake驱动的嵌入式模块化设计
2026/9/30 12:03:21
目录
- 拆开讲讲
- 小叉直接画在标签里面
- 删除分两步
- animDone 不能少
- 宽度给关闭按钮留了位置
- 几个可以调的参数
- 什么时候用
- 小结
- 完整代码
- 工程下载
本文介绍 QML 自定义的可关闭标签组件。如图所示：
拆开讲讲
下面是逐段讲解，完整代码放在文章末尾的「完整代码」里。整个可关闭标签就四块，一块一块说。
先看一张时序表，把整段动画的骨架记在心里，再逐块拆：
| 步骤 | 动作 | 缓动 | 作用 |
|---|---|---|---|
| ① | 收起：scale → 0、opacity → 0 | scale 用Easing.InQuad（先慢后快） | 标签缩小淡出，消失过程看得见 |
| ② | 脚本动作：tabModel.remove(index) | ——（脚本动作） | 动画播完才真删，后面标签平滑补位 |
小叉直接画在标签里面
每个TabButton里除了文字和背景，还多画了一个小矩形当关闭按钮。给MouseArea