QML动态文本项宽度检测及右侧组件定位方法问询

这个问题其实很好解决，QML本身就有两种非常直接的方式来处理这种动态文本宽度的锚定需求，而且完全符合你不换行、不省略的要求：

解决方案1：使用Row布局容器（最推荐） #

Row是QML专门的横向布局容器，它会自动根据子控件的固有宽度（比如Text自适应文本的宽度）来横向排列元素，完全不需要手动计算宽度，文本长度变化时会自动调整位置，还能方便地设置两个文本之间的间距。

示例代码：

Row {
    spacing: 4 // 两个文本之间的间距，可根据需求调整

    Text {
        id: distance
        font.bold: true
        verticalAlignment: Text.AlignBottom
        horizontalAlignment: Text.AlignLeft
        maximumLineCount: 1
        text: "这里放你的动态文本" // 可以绑定任何动态数据源，比如变量、属性
        // 不需要手动设置width！Text会自动根据文本内容计算并更新宽度
    }

    Text {
        id: rightText
        text: "你的右侧文本内容"
        verticalAlignment: Text.AlignBottom // 和左侧文本保持垂直对齐
        maximumLineCount: 1
    }
}

解决方案2：直接使用锚定（Anchor）系统 #

如果不想用布局容器，直接通过锚定系统也能实现：让左侧Text自适应宽度，然后把右侧Text的左边缘锚定到左侧Text的右边缘即可。

示例代码：

Text {
    id: distance
    font.bold: true
    verticalAlignment: Text.AlignBottom
    horizontalAlignment: Text.AlignLeft
    maximumLineCount: 1
    text: "这里放你的动态文本"
    // 同样不需要设置width，Text会自动适配文本宽度
}

Text {
    id: rightText
    text: "你的右侧文本内容"
    verticalAlignment: Text.AlignBottom
    anchors.left: distance.right
    anchors.leftMargin: 4 // 可选，设置两个文本的间距
    maximumLineCount: 1
}

关键注意点： #

• 两种方案都不需要给distance设置width：QML的Text控件默认会根据text属性的内容自动计算并实时更新自身宽度，不管文本变长还是变短，右侧控件都会自动跟着调整位置。
• 你已经设置了maximumLineCount: 1，这能确保文本不会自动换行，完全符合你的要求。
• 如果需要两个文本在垂直方向对齐，记得给右侧Text设置和左侧相同的verticalAlignment，这样视觉上更协调。

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