//定义一个文本,写法1 Text { id: t1 text: qsTr("text") font.pixelSize: 50 font.bold: true font.pointSize: 1 } //定义一个文本,写法2 Text { id: t2 text: qsTr("text2") font{pixelSize: 30; bold:true} } //定义一个文本 Text { 200; height: 200 horizontalAlignment: Text.AlignHCenter verticalAlignment: Text.AlignVCenter text: "中心" color: "red" }
Text { 200; text: "使文本在单行中对于超出部分不要进行省略" } Text { 200; elide: Text.ElideLeft; text: "使文本在单行中对于超出部分从左边进行省略" } Text { 200; elide: Text.ElideMiddle; text: "使文本在单行中对于超出部分从中间进行省略" } Text { 200; elide: Text.ElideRight; text: "使文本在单行中对于超出部分从右边进行省略" }
Text { text: "Hello World!"; font.family: "Helvetica"; font.pointSize: 24; color: "red" } Text { text: "<b>Hello</b> <i>World!</i>" } Text { x:10; y:100; font.pointSize: 24; text: "Normal" } Text { x:10; y:200; font.pointSize: 24; text: "Raised"; style: Text.Raised; styleColor: "#AAAAAA" } Text { x:10; y:300; font.pointSize: 24; text: "Outline";style: Text.Outline; styleColor: "red" } Text { x:10; y:400; font.pointSize: 24; text: "Sunken"; style: Text.Sunken; styleColor: "#AAAAAA" }
//超链接
Text { 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") }
TextEdit显示一个可编辑的,有格式的文本框。它也可以显示明文和富文本。
//富文本 Flickable {//套一个Flickable使其具有滑动效果。 id: flick 300; height: 200; contentWidth: edit.paintedWidth contentHeight: edit.paintedHeight clip: true function ensureVisible(r) { if (contentX >= r.x) contentX = r.x; else if (contentX+width <= r.x+r.width) contentX = r.x+r.width-width; if (contentY >= r.y) contentY = r.y; else if (contentY+height <= r.y+r.height) contentY = r.y+r.height-height; } TextEdit { id: edit flick.width height: flick.height focus: true wrapMode: TextEdit.Wrap //不在一行,多行显示 onCursorRectangleChanged: flick.ensureVisible(cursorRectangle) } }