高级文本示例

Qt Quick 示例展示了文本的一些高级功能。

传统上,字体家族都有数量有限的变体:一组硬编码的权重、样式和宽度(以及这些权重、样式和宽度的组合),可以作为独立字体进行选择。

可变字体扩展了这一理念。单个可变字体可以通过插值的方式产生变化(以及更多变化),而不是将字体系列的变化作为独立的字体文件分发。

这是通过在字体中为宽度、倾斜度或重量等属性定义所谓的 "可变轴 "来实现的。用户可以从这些轴的预设值中进行选择,也可以在字体支持的范围内设置任何自定义值。

本示例包含一种名为 "Georama "的可变字体(2020 年 Georama 项目作者版权所有,根据 OFL 1.1 授权)。它有两个可变轴:一个是重量轴,一个是宽度轴。通过对其中任一轴的操作,用户可以创建多种字体设计变化。

本示例说明了如何在实际场景中使用该功能:启动示例时,文本片段会超出严格布局中定义的边界框。

通过调整宽度和/或权重,视觉设计师可以获得完全符合布局的字体变化,而无需更改字体大小。

本示例为字体中的两个可变轴分别分配了滑块。然后将可变轴值与滑块绑定,这样当用户更改它们时,字体就会自动更新。

            font.variableAxes: {
                "wdth": widthSlider.value,
                "wght": weightSlider.value
            }

可变轴通过四个字符的标记来寻址。有些标签,如 "wdth "和 "wght",按照惯例会映射到特定的字体属性(本例中分别为 "宽度 "和 "重量")。字体支持的轴信息通常会包含在其文件名中。

运行示例

要从 Qt Creator,打开Welcome 模式,然后从Examples 中选择示例。有关详细信息,请参阅Qt Creator: 教程:构建并运行

示例项目 @ code.qt.io

© 2025 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.