qml学习---------------Text属性

明天就9月三号了，本来今天请假耍了一天就可以休假4天的，但是下午却被喊过来加班了，有点点的不开心，问题是两个问题分分钟就做完了，所以只有接着学习qml了。

在本次中学习了qml中Text属性。

Text元素可以显示纯文本或者是富文本（用html修饰的文本）。他有font, text, color , elide, textFormat,

wrapMode , horizontalAlignment , verticalAlignment等属性。通过这些属性可以设置如何显示文本、

import QtQuick 2.2
import QtQuick.Window 2.1

Rectangle{

width: 320;
height: 200;

Text{
width: 150;
height: 100;
wrapMode: Text.WordWrap;
font.bold: true;
font.pixelSize: 24;
font.underline: true;
text:"Hello Blue Text    ";
anchors.centerIn: parent;
color: "blue";
}

}

在这段代码了定义了一个Text文本，其中包括text的高度，宽度，是否有下划线等一系列属性，具体显示效果如下：



如果要使用富文本来显示 ，只要修改其中的一句代码就可以实现了。

具体代码如下：

text:”Hello Blue / 添加html字体开头/Text /添加html字体结尾/”;

内嵌到其中就可以实现Text显示为蓝色了

除此之外，还可以is和值Text元素的style属性。

style属性提供了几种文字风格：Text.Outline , Text.Raised , Text.Sunken.

可以使用styleColor来配合style使用