Qml學習記錄 三（文本元素）

本節對應 （書名QmlBook） 4.2.3 ⽂本元素（Text Element）(頁碼69)

import QtQuick 2.0

Item {
    id:root
    width: 400; height: 500
    Text {
        x: 50; y: 20
        width: 40; height: 120
        text: 'A very long text'
        // '...' shall appear in the middle // '...' 應出現在中間
        elide: Text.ElideMiddle
        //red sunken text styling    //紅色沉浸的文本樣式
        style: Text.Sunken
        styleColor: "#FF4444"

        //align text to the top  //文本頂部對齊
        verticalAlignment: Text.AlignTop
        //only sensible when no elide mode  //只有在沒有省略模式時纔有意義
        //wrapMode: Text.WordWrap
    }
    Text {
        x: 10; y: 50
        text: qsTr("The quick brown fox")
        color: "#303030"
        //字體屬性
        font.family: "Ubuntu"
        //字體大小
        font.pixelSize: 28
    }
}

注意（書中原話）：

1.道一個文本元素（Text Element）的初始寬度與高度是依賴於文本字符串《QmlBook》In Chinese70基本元素（Basic Elements）和設置的字體這一點很重要。一個沒有設置寬度或者文本的文本元素（TextElement）將不可⻅，默認的初始寬度是0

2.通常你想要對文本元素佈局時，你需要區分文本在文本元素內部的邊界對⻬和由元素邊界自動對⻬。前一種情況你需要使用horizontalAlignment和verticalAlignment屬性來完成，後一種情況你需要操作元素的幾何形狀或者使用anchors（錨定）來完成。