QML 基础类型 - font

最新推荐文章于 2025-05-13 21:46:04 发布

原创最新推荐文章于 2025-05-13 21:46:04 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

Qt 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了QML中用于UI文字展示的基础类型font，详细阐述了如何设置字体、字库、样式等属性，包括family、bold、italic、underline、pointSize等，并提供了一个示例代码展示字体设置的效果。

QML 基础类型 font 主要应用在需要UI 中显示文字的时候，设置需要使用的字体，字库，和其他属性。

这个是我Qt 目录下的字体文件：

fixed_120_50.qpf       helvetica_100_75.qpf   helvetica_140_50i.qpf helvetica_180_50.qpf   helvetica_240_75i.qpf helvetica_80_75.qpf
fixed_70_50.qpf        helvetica_120_50i.qpf helvetica_140_50.qpf   helvetica_180_75i.qpf helvetica_240_75.qpf   japanese_230_50.qpf
helvetica_100_50i.qpf helvetica_120_50.qpf   helvetica_140_75i.qpf helvetica_180_75.qpf   helvetica_80_50i.qpf   micro_40_50.qpf
helvetica_100_50.qpf   helvetica_120_75i.qpf helvetica_140_75.qpf   helvetica_240_50i.qpf helvetica_80_50.qpf    unifont_160_50.qpf
helvetica_100_75i.qpf helvetica_120_75.qpf   helvetica_180_50i.qpf helvetica_240_50.qpf   helvetica_80_75i.qpf

font 中常被使用的参数：

string font.family // 字体的名字
bool font.bold // 是否使用粗体
bool font.italic // 是否使用斜体
bool font.underline // 是否使用下划线
real font.pointSize // 设定字体大小（1pt = 0.3527mm）
int font.pixelSize // 设定字体大小，当 pointSize 和 pixelSize 都设定了，那么使用pixelSize

enumeration font.weight // 设置文本的粗细（可以选择的范围是0-99)
- Font.Light - 25
- Font.Normal - 50
- Font.DemiBold - 63
- Font.Bold - 75
- Font.Black - 87
bool font.overline // 设置文字上方是否划线
bool font.strikeout // 设置文字是否使用strikeout 风格
enumeration font.capitalization // 设定文字的大小写属性，（如果有大小写之分的话)
- Font.MixedCase - 按照正常显示，不修改大小写.
- Font.AllUppercase - 所有都大写.
- Font.AllLowercase - 所有都小写.
- Font.SmallCaps - 修改首字母为小写.
- Font.Capitalize - 修改首字母为大写
real font.letterSpacing // 修改默认的字符间隔，可以是负数，如果是负数减少间隔
real font.wordSpacing // 修改默认的词间隔，可以是负数，如果是负数减少间隔

下面是一个example 测试font

import QtQuick 2.0

Rectangle { // 基本类型，生成一个矩形
    width: 360 //矩形宽
    height: 360 //矩形高
    Text { //显示文本
        anchors.centerIn: parent
        text: "Hello 世界!"
        font.family: "fixed"
        font.bold: false
        font.italic: true
        font.underline: true
        font.pointSize: 10
        font.pixelSize:50
        font.weight: Font.Light
        font.overline: true
        font.strikeout: true
        font.capitalization: Font.AllUppercase
        font.letterSpacing: -5
        font.wordSpacing: 50
    }
}