QML基本可視化元素--Text

一個Text項目能夠顯示純文本或者富文本

1.     能夠使用Html標記：text: 「<b>HELLO</b>」

2.     寬度和高度（width, height）:沒有指定，會本身嘗試須要多大的空間並依此來設置。

3.     換行：wrapMode屬性，沒有設置，則單行

4.     省略：elide屬性。寬度不足顯示文本，顯示爲省略號，省略樣式：前(Text.ElideLeft)，中(Text.ElideMiddle)，後(Text.ElideRight)，默認(Text.ElideNone)

5.     字體：font

font.blod: true—加粗，false

font.capitalization: 大寫策略

         Font.MixedCase: 默認不改變，

         Font.AllUppercase: 所有大寫

         Font.AllLowercase: 所有小寫

         Font.SmallCaps: 小型大寫字母（即小寫字母變爲大寫但不改變大小）

         Font.Capitalize: 將首字母大寫

font.family: 字體族，字體族的名字（區分大小寫）

font.italic: 是否斜體 true—false

font.letterSpacing: 字符間距，正值加大，負值減少

font.pixelSize: 字體大小（單位爲像素，依賴於設備）

font.pointSize: 字體大小（大於0的值，與設備無關）

font.strikeout: 是否有刪除線 true—false

font.underline: 是否有下滑線 true—false

font.weight: 字體重量—Font.Light,Font.Normal(默認), Font.DemiBold,font.Bold, Font.Black

font.wordSpacing: 單詞間距，正值加大，負值減少

加載字體：指定一個字體的名稱，或者是一個URL，也就是說能夠指定網絡上的一個字體文件。

 

import QtQuick 1.0
Column {
    FontLoader {id: fixedFont; name: "Courier"}
    FontLoader {id: webFont; source: "http://www.mysite.com/mfont.ttf"}
    Text{text: "Fixed - size font"; font.family: fixedFont.name}
    Text{text: "Fancy font"; font.family: webFont.name}
}

 

6.     對齊方式：

horizontalAlignment：水平對齊方式

         Text.AlignLeft,Text.AlignRight, Text.AlignHCenter

verticalAlignment: 垂直對齊方式

         Text.AlignTop,Text.AlignBottom, Text.AlignVcenter

7.     文本樣式 style

Text.Normal, Text.OutLine, Text.Raised, Text.Sunken

import QtQuick 1.0

Row {
    Text {font.pontSize: 24; text: "Normal"}
    Text {font.pontSize; 24; text: "Raised"; Style: Text.Raised; styleColor: "#AAAAAA"}
    Text {font.pointSize: 24; text: "Outline"; style: Text.Outline; styleColor; "red"}
    Text {font.pointSize; 24; text: "Sunken"; text: "Outline"; style: Text.Outline; styleColor: "#AAA"}
}

8.     文本換行：wrapMode屬性，自動換行。只有在明確設置Text的width屬性時換行纔會起做用。

Text.NoWrap：默認，不換行

Text: WordWrap: 在單詞邊界進行換行

Text.WrapAnywhere: 任意位置換行，無論單詞

Text.Wrap: 儘量在單詞邊界換行，不然任意點換行

9.     連接信號

Text::onLinkActived(string link)處理器，在用戶單擊文本中嵌入一個連接時被調用。連接必須在富文本或者HTML格式中，而函數中link字符串提供了被單擊的能夠訪問的特定連接。

import QtQuick 1.0

Textt {
    textFormat: Text.RichText
    text: "The main website is at <a href = \ "http://qt.nokia.com\"> Nokia Qt DF</a>."
    onLinkActivated: console.log(link + " link activated")
}