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（锚定）来完成。