QML 设置Rectangle下的Text文字垂直居中并且靠Rectangle左边
可以使用QML中的anchors属性来实现Rectangle下的Text文字垂直居中,并且靠Rectangle左边的效果。具体实现如下:
Rectangle {
width: 200
height: 100
color: "lightblue"
Text {
text: "Hello World"
font.pixelSize: 20
anchors.verticalCenter: parent.verticalCenter // 垂直居中
anchors.left: parent.left // 靠左对齐
}
}
在上面的代码中,Text的anchors.verticalCenter属性设置为parent.verticalCenter,表示Text在垂直方向上与父级Rectangle的中心对齐,从而实现文字垂直居中的效果。同时,Text的anchors.left属性设置为parent.left,表示Text在水平方向上与父级Rectangle的左边对齐,从而实现文字靠左的效果
原文地址: https://www.cveoy.top/t/topic/e2dt 著作权归作者所有。请勿转载和采集!