可以使用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的左边对齐,从而实现文字靠左的效果

QML 设置Rectangle下的Text文字垂直居中并且靠Rectangle左边

原文地址: https://www.cveoy.top/t/topic/e2dt 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录