我明白你遇到的痛点——直接旋转Text组件总是对齐不准，核心问题确实出在旋转中心的设置和变换后的坐标系适配上。下面给你两种可靠的实现方案，对应不同的对齐需求：

方案1：左对齐（文本从父元素左下角开始向上排列） #

直接调整Text的旋转原点和锚点，不需要额外容器：

Text {
    text: name
    // 锚定到父元素的左下角，作为文本垂直排列的起点
    anchors.left: parent.left
    anchors.bottom: parent.bottom
    // 设置旋转原点为文本自身的左下角（x=0，y=文本高度）
    transform: Rotation {
        origin.x: 0
        origin.y: height
        angle: -90 // 逆时针旋转90°，实现从下到上的垂直排列
    }
}

这样旋转后，文本会紧贴父元素左侧，从底部开始向上延伸，完美匹配你要的“左对齐后旋转-90°”效果。

方案2：垂直居中对齐（文本在父元素左侧垂直居中，从下到上排列） #

如果需要居中对齐，建议用一个Item作为容器来隔离变换后的坐标系，避免宽高互换带来的锚点混乱：

// 容器Item负责锚定位置，适配旋转后的宽高
Item {
    anchors.left: parent.left
    anchors.verticalCenter: parent.verticalCenter
    // 旋转后文本的宽高互换，所以容器宽设为文本的高，高设为文本的宽
    width: textDisplay.height
    height: textDisplay.width

    Text {
        id: textDisplay
        text: name
        // 以文本自身中心为旋转原点，保证旋转后整体居中
        transform: Rotation {
            origin.x: width / 2
            origin.y: height / 2
            angle: -90
        }
    }
}

这个方案通过容器先锚定到目标位置，再让文本在容器内居中旋转，彻底解决了旋转后对齐偏移的问题。

为什么你原来的代码无效？ #

你之前只设置了anchors.verticalCenter: parent.verticalCenter，但默认的旋转原点是Text的中心，旋转-90°后，文本的坐标系会发生90°偏转，导致原本的垂直中心锚点不再对应你期望的视觉位置。必须明确指定旋转原点，或者用容器来适配变换后的宽高，才能让对齐准确。

内容的提问来源于stack exchange，提问作者Ryou