qml Text控件專門用於顯示非編輯文本，功能還是比較強大的。改變多行文本，需要修改wrapMode: Text.WrapAnywhere，elide: Text.ElideRight，maximumLineCount:2即可
1 import QtQuick 2.9 2 import QtQuick.Window 2.2 3 4 Window { 5 visible: true 6 width: 640 7 height: 480 8 title: qsTr("Hello World") 9 Text{ 10 id:text_test 11 12 width: 200 13 14 anchors.horizontalCenter: parent.horizontalCenter 15 16 clip :true //是否剪切掉超出顯示范圍的文字，默認false 17 18 text:"Hello Wo111111111111111111111" //需要顯示的文字 19 20 color: "red" //文字顏色 21 22 font.family: "Corbel" //字體 23 24 font.pixelSize: 25 //字體大小設置為像素 25 26 //font.pointSize: 100 //將字體的大小設置為點,存在pixelSize設置，本設置無效 27 28 font.bold: true //是否加粗，默認為false 29 30 font.capitalization: Font.MixedCase //設置文本大小寫，不使用大小寫,默認值 31 32 //font.capitalization: Font.AllUppercase //全部使用大寫 33 34 //font.capitalization: Font.AllLowercase //全部使用小寫 35 36 //font.capitalization: Font.SmallCaps //小寫字母使用小大寫 37 38 //font.capitalization: Font.Capitalize //第一個單詞第一個字符大寫 39 40 font.italic: true //設置字體是否斜體樣式，默認false 41 42 font.letterSpacing: 8 //設置字母之間的距離，正數為增加默認距離，負數為減少 43 44 //font.strikeout: true //設置是否有刪除線（中間一條線），默認false 45 46 font.underline: true //設置是否有下滑線，默認false 47 48 //font.weight: Font.Light 49 50 //font.weight: Font.Normal 51 52 //font.weight: Font.DemiBold 53 54 //font.weight: Font.Bold 55 56 //font.weight: Font.Black 57 58 font.wordSpacing: 10 //設置單詞之間的距離 59 60 //horizontalAlignment: Text.AlignRight //右對齊 61 62 //horizontalAlignment: Text.AlignLeft //左對齊 63 64 //horizontalAlignment: Text.AlignHCenter //中間對齊 65 66 horizontalAlignment: Text.AlignJustify 67 68 //verticalAlignment: Text.AlignTop //上對齊 69 70 verticalAlignment: Text.AlignBottom //下對齊 71 72 //verticalAlignment: Text.AlignVCenter //中間對齊 73 74 smooth:true //是平滑 75 76 //style: Text.Normal 設置字體樣式 77 78 //style: Text.Outline 79 80 // style: Text.Raised 81 82 //style: Text.Sunken 83 84 styleColor: "blue" //配合style使用 85 86 //textFormat: Text.AutoText //文本屬性顯示方式 87 88 //textFormat: Text.PlainText 89 90 //textFormat: Text.RichText 91 92 //textFormat: Text.StyledText 93 94 wrapMode: Text.WrapAnywhere //換行屬性設置，但需要明確寬度 95 96 // wrapMode: Text.WordWrap // 97 98 //wrapMode: Text.WrapAnywhere 99 100 //wrapMode: Text.Wrap 101 102 elide: Text.ElideRight //超出顯示范圍的用...代替 103 104 //elide: Text.ElideNone 105 106 //elide: Text.ElideMiddle 107 108 // elide: Text.ElideLeft 109 lineHeightMode:Text.FixedHeight //行距 110 lineHeight:20 111 maximumLineCount:2 112 113 onImplicitWidthChanged: { //顯示的文本本身的長度發生變化觸發信號 114 console.log("implicitWidth = ",text_test.implicitWidth) 115 console.log("implicitHeight = ",text_test.implicitHeight) 116 } 117 } 118 }
效果圖：
