Qml学习记录 三(文本元素)
程序员文章站
2022-07-12 15:35:04
...
本节对应 (书名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(锚定)来完成。
上一篇: Qml学习记录 二(矩形元素)