如何在单个QML Text元素中实现多字号文本显示？

嘿，我来帮你搞定这个需求！你之前用<font>标签设置字号没达到预期，是因为QML的Text元素支持的HTML子集里，<font>的size属性逻辑和你想的不一样——它不是直接接受像素/磅值，而是遵循旧HTML规范的相对大小值（范围1-7，默认是3），所以你写的size="40px"或者size="1"这类写法都会被忽略，自然看不到想要的效果。

下面给你两种靠谱的实现方式：

方法1：用<span>+内联样式（富文本方式） #

QML的Text支持内联CSS样式，用<span>标签配合style属性可以精准设置绝对字号，代码示例：

Text {
    font.pointSize: 30
    text: 'T' + 
          '<span style="font-size:40px">T</span>' + 
          '<span style="font-size:10px">T</span>' + 
          '<span style="font-size:5px">T</span>' + 
          '<span style="font-size:40pt">T</span>' + 
          '<span style="font-size:10pt">T</span>' + 
          '<span style="font-size:5pt">T</span>'
}

这样就能让每个T显示你想要的不同字号了，px和pt的区别和常规CSS里一致，你可以根据需求选择。

方法2：嵌套Text元素（布局方式） #

如果你的需求不止是字号，还需要单独控制每个文本块的颜色、字体甚至交互，推荐用布局容器（比如Row）嵌套多个Text元素，灵活性更高：

Row {
    spacing: 2 // 可选：设置文本之间的间距
    Text { font.pointSize: 30; text: 'T' }
    Text { font.pointSize: 40; text: 'T' }
    Text { font.pointSize: 10; text: 'T' }
    Text { font.pointSize: 5; text: 'T' }
    Text { font.pointSize: 40; text: 'T' }
    Text { font.pointSize: 10; text: 'T' }
    Text { font.pointSize: 5; text: 'T' }
}

这种方式不需要依赖富文本解析，性能和可控性都更好，适合复杂场景。

内容的提问来源于stack exchange，提问作者dtech