如何在qml中从下到上设置文本对齐？

Question

我有一张背景图片，我希望文字从下到上对齐。就像图片显示如下。在我的情况下，背景图像是固定的，我不能旋转它，所以我只是试图旋转文字！但是，我不能很好地对齐它！

背景图片（无法旋转）

我想要的结果（就像左对齐，居中对齐和旋转-90）

我试过这段代码，但不行！我认为原因是轮换中心！

Text {
            text: name;
            anchors.verticalCenter: parent.verticalCenter;  // Centering text
            anchors.left: parent.left;
            anchors.leftMargin: 18;
            rotation: -90
        }

如果我将背景图像旋转90度。然后应用我的代码并旋转内容（背景和文字）将获得良好的结果！但是我不能旋转背景图像！如何在qml中从下到上设置文本对齐？

Answer 1

轮流锚定可能难以管理。你可以简单一点：

 Rectangle{
    color: "grey"
    width: 50
    height: 300
    Text{
     //1. Place Text box symmetrically below background, edge to edge
        width: parent.height
        height: parent.width
        y:parent.height
        text: "TableA Description 15"
        verticalAlignment: Text.AlignVCenter
     // comment below 2 lines to see how it looks before rotation 
     //2 pivot top left of text box and rotate text -90
        transformOrigin: Item.TopLeft
        rotation: -90
    }
}

Answer 2

Transform为QML项提供了更复杂的转换。在您的情况下，请查看下面的演示，它会显示ids旋转自身-90度。您可以通过设置Text属性来调整旋转点。

origin.x origin.y