在 QML 中，给 Text 组件设置 font.family 本质上是一个查找请求。当你写入 font.family: "ZCOOL KuaiLe" 时，Qt 会在系统已注册的字体库中检索该名称。

在进行界面排版和自定义控件设计时，通常需要处理两类核心计算：一是字体本身的固有尺寸，例如单行文字的总高度、基线位置以及上下延伸的距离；二是特定文本排版后的实际尺寸，例如边界框的大小和光标的前进量。

GridView 网格搭好之后，数据一变动，视图就得跟着动起来。那么新增的项从哪进场、删掉的项怎么退场、被挤动的项目怎么动态挪位？ 这篇用两个简单的例子说说滚动控制和定位。

GridView 和 ListView 的使用方式有点像，通过 model 提供数据、delegate 定义每一项的外观。区别在于 GridView 把所有项构建成二维网格，横竖两个方向都随意排列。

在QML里实现动态图的路径有两条：GIF 和 Lottie。文章先介绍这两者的区别，然后对比 Qt 6.8 与 Qt 6.11 的 Lottie 实现差异。

Flipable 是 Qt Quick 里一种可翻转的组件，一个物体有两面，配合旋转变换和动画，就能像扑克牌一样翻过去。这篇文章先用一张扑克牌展示它是如何翻转的，再把它应用到实际场景中。

这篇文章用两个例子来演示：第一个例子讲吸附对齐效果；第二个例子用 PathAngleArc 画一个整圆，做出环形滚动效果。

想要显示一个较大块的内容时，而界面无法直接呈现，这时候可选择 Flickable 组件，它就是 Qt Quick 里的可滚动区域。两个基本要点是如何让内容滚起来，以及拖到边界时如何交互。

界面里常用一条细细的分隔线做内容分区，而在QML里最简单的做法是画一条宽/高为1的 Rectangle，菜单和工具栏里则有现成的 MenuSeparator、ToolSeparator。

这篇文章用两个例子带你认识 PathView：第一个例子是最基础的直线路径；第二个例子把直线换成二次贝塞尔曲线，做出上下起伏的波浪效果。

背景 上一篇mpr的推到GitHub上，本来以为不会有啥问题，结果ci打包的失败了。这一篇是解决问题的。 正文 git ci 失败 从流程来看，是Windows build就失败了。 追踪日志，结论是

本文主要介绍 qml_navigation_layout（QML导航布局示例工程，下载链接在结尾处），整合了 Qt Quick Controls 开发中最常用的四种导航样式。

这篇文章介绍2个简单的demo：第一个例子做一个带头像、在线状态、分组的联系人列表；第二个例子做一个可增删的价格表，演示 ListModel 和输入框怎么配合。

以联系人列表为例，先用 QAbstractListModel 实现增删改与搜索，再用 QSortFilterProxyModel 实现 10 万条数据实时过滤，并对比两者的选型。

通过嵌套 SplitView 实现三栏复杂布局，并用 saveState() / restoreState() 保存与恢复用户拖好的面板比例。

有时候软件上的内容区域需要用户手动设置比例，SplitView 组件就是解决这个需求的。这篇文章用基础demo介绍概念，再给 Handle（拖拽手柄） 换个好看的样式。

这篇文章介绍2个例子：第一个例子做一个商品价格表，展示样式的应用；第二个例子在它的基础上加上排序功能。

国际化和本地化：tr()、TS 文件、QM 文件与多语言切换 引言 上一章用 QSS 把界面的颜色、边框和间距从业务逻辑中分离出来。本章解决另一件同样基础的事：用户看到的文字不能长期写死在代码里。

默认的滚动条样式不满足要求，就得自己手动实现一个自定义样式的滚动条，必须重写 background 和 contentItem 属性，即实现自定义的背景、前景组件。