QML::Text/TextEdit

  //定义一个文本，写法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)
        }
    }