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,也就是說可以指定網絡上的一個字體文件。

 

[html]  view plain  copy
 
 print?
  1. import QtQuick 1.0  
  2. Column {  
  3.     FontLoader {id: fixedFont; name: "Courier"}  
  4.     FontLoader {id: webFont; source: "http://www.mysite.com/mfont.ttf"}  
  5.     Text{text: "Fixed - size font"; font.family: fixedFont.name}  
  6.     Text{text: "Fancy font"; font.family: webFont.name}  
  7. }  

 

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

[html]  view plain  copy
 
 print?
  1. import QtQuick 1.0  
  2.   
  3. Row {  
  4.     Text {font.pontSize: 24; text: "Normal"}  
  5.     Text {font.pontSize; 24; text: "Raised"; Style: Text.Raised; styleColor: "#AAAAAA"}  
  6.     Text {font.pointSize: 24; text: "Outline"; style: Text.Outline; styleColor; "red"}  
  7.     Text {font.pointSize; 24; text: "Sunken"; text: "Outline"; style: Text.Outline; styleColor: "#AAA"}  
  8. }  

8.     文本換行:wrapMode屬性,自動換行。只有在明確設置Text的width屬性時換行才會起作用。

Text.NoWrap:默認,不換行

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

Text.WrapAnywhere: 任意位置換行,不管單詞

Text.Wrap: 盡可能在單詞邊界換行,否則任意點換行

9.     鏈接信號

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

[html]  view plain  copy
 
 print?
  1. import QtQuick 1.0  
  2.   
  3. Textt {  
  4.     textFormat: Text.RichText  
  5.     text: "The main website is at <href = \ "http://qt.nokia.com\"> Nokia Qt DF</a>."  
  6.     onLinkActivated: console.log(link + " link activated")  
  7. }  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM