QML 基础类型 - font

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 中常被使用的参数：

• stringfont.family // 字体的名字
• boolfont.bold // 是否使用粗体
• boolfont.italic // 是否使用斜体
• boolfont.underline // 是否使用下划线
• realfont.pointSize // 设定字体大小 （1pt = 0.3527mm）
• intfont.pixelSize // 设定字体大小， 当 pointSize 和 pixelSize 都设定了，那么使用pixelSize

• enumerationfont.weight // 设置文本的粗细 （可以选择的范围是0-99)
• • Font.Light - 25
  • Font.Normal - 50
  • Font.DemiBold - 63
  • Font.Bold - 75
  • Font.Black - 87

• boolfont.overline // 设置文字上方是否划线
• boolfont.strikeout // 设置文字是否使用strikeout 风格
• enumerationfont.capitalization // 设定文字的大小写属性，（如果有大小写之分的话)
• • Font.MixedCase - 按照正常显示，不修改大小写.
  • Font.AllUppercase - 所有都大写.
  • Font.AllLowercase - 所有都小写.
  • Font.SmallCaps - 修改首字母为小写.
  • Font.Capitalize - 修改首字母为大写
• realfont.letterSpacing // 修改默认的字符间隔，可以是负数，如果是负数减少间隔
• realfont.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
    }
}