嘿，这个问题我之前踩过坑——RowLayout的默认布局逻辑确实容易让人困惑，尤其是和Text这种会自适应内容宽度的元素搭配时。你遇到的问题本质是：RowLayout默认会优先满足子元素的内容宽度需求，所以如果第一个Text的内容比较长，它就会“抢”走更多空间，导致视觉上占比远超1/3。

下面给你两种靠谱的解决方式，都是利用RowLayout的原生布局属性来实现精准的宽度比例控制：

方式一：用Layout.weight实现比例分配（推荐） #

这种方式最灵活，不管ListView宽度怎么变，比例都会自动保持。核心是通过Layout.weight给每个Text分配空间占比，再用Layout.fillWidth: true强制Text填充分配到的空间，避免内容过短时宽度“缩水”。

示例代码：

ListView {
    width: 300 // 可根据实际需求调整
    height: 400
    model: 5 // 示例数据
    delegate: Rectangle {
        width: ListView.view.width // 让每行宽度和ListView一致
        height: 40
        color: "#f0f0f0"
        
        RowLayout {
            anchors.fill: parent // 让RowLayout占满整个行的空间
            spacing: 8 // 可选：设置元素间的间距
            
            Text {
                text: "这是第一个可能很长的文本内容"
                Layout.weight: 1 // 占1份空间
                Layout.fillWidth: true // 强制填充分配到的宽度
                elide: Text.ElideRight // 内容超出时自动省略，避免撑破布局
                color: "#e74c3c"
            }
            
            Text {
                text: "第二个文本"
                Layout.weight: 2 // 占2份空间，总比例1:2 → 第一个正好是1/3
                Layout.fillWidth: true
                color: "#2980b9"
            }
        }
    }
}

方式二：直接绑定固定宽度比例 #

如果需要更直白的固定宽度控制，可以给第一个Text设置Layout.preferredWidth和Layout.maximumWidth，把它的宽度锁死在RowLayout宽度的1/3，剩下的空间给第二个Text。

示例代码：

ListView {
    width: 300
    height: 400
    model: 5
    delegate: Rectangle {
        width: ListView.view.width
        height: 40
        color: "#f0f0f0"
        
        RowLayout {
            anchors.fill: parent
            spacing: 8
            
            Text {
                text: "这是第一个可能很长的文本内容"
                Layout.preferredWidth: parent.width / 3 // 首选宽度为行宽的1/3
                Layout.maximumWidth: parent.width / 3 // 限制最大宽度，防止内容撑开
                elide: Text.ElideRight
                color: "#e74c3c"
            }
            
            Text {
                Layout.fillWidth: true // 填充剩下的所有空间
                text: "第二个文本"
                color: "#2980b9"
            }
        }
    }
}

关键注意点 #

1. 一定要给RowLayout设置anchors.fill: parent，让它占满整个行（Rectangle）的空间，这样它的宽度是确定的（等于ListView的宽度），比例计算才会准确。
2. 不要直接给Text设置width属性——RowLayout会接管子元素的布局，直接设置width会和Layout属性冲突，导致预期外的结果。
3. 加上elide: Text.ElideRight可以避免内容过长时超出分配的宽度，保持布局整洁。

内容的提问来源于stack exchange，提问作者T.Poe