欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Qml学习记录 三(文本元素)

程序员文章站 2022-07-12 15:35:04
...

本节对应 (书名QmlBook) 4.2.3 ⽂本元素(Text Element)(页码69)

Qml学习记录 三(文本元素)

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(锚定)来完成。

相关标签: QUick QT