QML入门(2)——font属性

QML的font属性使用

QML中文本相关的元素,一般具有font属性,可以设置文本的字体,例如Text(文本元素)和TextEdit(可编辑文本元素)都有font属性,如下详细介绍font属性的使用。

最常用的font属性

string font.family       //字体的名字,字体类型

bool font.bold           //是否使用粗体

bool font.italic          //是否使用斜体

bool font.underline   //是否使用下划线

real font.pointSize   //以磅为单位设置字体大小。点大小必须大于零。(1pt = 0.3527mm)

int font.pixelSize     //以像素为单位设置字体大小。

font.pointSize和font.pixelSize的区别

使用pointSize以与设备无关的方式设置字体大小。font.pixelSize字体设置依赖于设备。

如果同时指定了pointSize和pixelSize,则将使用pixelSize。

 

其他font属性

enumeration font.weight      //设置文本的粗细 (可以选择的范围是0-99)

字体权重按0到99的比例分类,其中0的权重是超轻的,99的权重是非常黑的。可以使用以下值进行快捷设置:

Font.Thin            0

Font.ExtraLight 12

Font.Light          25

Font.Normal      50

Font.Medium     57

Font.DemiBold  63

Font.Bold          75

Font.ExtraBold 81

Font.Black        87

 

enumeration font.capitalization       //设定文字的大小写属性,(如果有大小写之分的话)

大小写属性只能取得以下的值

Font.MixedCase - 按照正常显示,不修改大小写

Font.AllUppercase - 所有都大写

Font.AllLowercase - 所有都小写

Font.SmallCaps - 修改首字母为小写

Font.Capitalize - 修改首字母为大写

bool font.overline         //设置文字上方是否划线

bool font.strikeout        //设置文字是否使用删除线

real font.letterSpacing //修改默认的字符间隔,可以是负数,如果是负数减少间隔

real font.wordSpacing   //修改默认的词间隔,可以是负数,如果是负数减少间隔

 

通过如下一个实际的例子,可以验证字体的各个属性,只需将需要验证的属性添加到代码中就可以,读者可以尝试添加并修改属性的值,深入体会字体的各个属性的用法。

Text

{ text: "Hello";

font.weight:Font.DemiBold

font.strikeout:true

font.capitalization:Font.AllUppercase

}

运行结果:HELLO

你可能感兴趣的:(QT&QML)