QML中如何实现文本的垂直方向显示？

以下是几种实现垂直方向文本显示的实用方案，适配你提供的示例需求：

方法1：通过旋转组件实现 #

这是最直接的方式，将Text组件旋转90度即可实现垂直效果，可根据需求调整旋转方向：

Text {
    id: name13
    text: qsTr("KITCHEN")
    rotation: 90 // 顺时针旋转90度，若需要从上到下的竖排效果可改为-90
    transformOrigin: Item.Center // 以组件中心为旋转原点，避免位置偏移
}

方法2：拆分字符换行显示 #

如果需要文本字符从上到下依次垂直排列（而非旋转后的方向），可以将每个字符用换行符分隔，也可以用JS动态处理文本：

静态写法 #

Text {
    id: name13
    text: qsTr("K\nI\nT\nC\nH\nE\nN")
    verticalAlignment: Text.AlignVCenter
    horizontalAlignment: Text.AlignHCenter
}

动态处理（适合可变文本） #

Text {
    id: name13
    text: qsTr("KITCHEN").split("").join("\n")
    verticalAlignment: Text.AlignVCenter
    horizontalAlignment: Text.AlignHCenter
}

方法3：使用官方VerticalText组件（Qt 5.12+） #

QtQuick.Controls 2.12及以上版本提供了专门的VerticalText组件，原生支持垂直文本排版，无需额外调整：

import QtQuick.Controls 2.12

VerticalText {
    text: qsTr("KITCHEN")
}

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