QML RowLayout：如何让文本字段紧凑且居中显示？

可以通过调整布局锚点属性，让RowLayout根据内容自适应大小并居中，同时保持字段紧凑，优化后的代码如下：

Rectangle { 
    id: root; 
    width: 300; 
    height: 100

    RowLayout { 
        anchors.centerIn: parent;  // 让布局在父容器中居中，同时自适应内容宽度
        spacing: 0;               // 保持字段间无额外间距，确保紧凑

        Text { text: "2023" }
        Text { text: ":" }
        Text { text: "07" }
        Text { text: ":" }
        Text { text: "28" }
    }
}

关键改动说明： #

• 替换anchors.fill: parent为anchors.centerIn: parent：RowLayout不再强制占满整个Rectangle，而是根据内部Text元素的总宽度自适应自身大小，同时自动在父容器中水平、垂直居中。
• 保留spacing: 0：确保年份、冒号、月份等元素之间没有额外空白间隔，实现紧凑显示。
• 未设置任何固定宽度：所有元素宽度由自身内容决定，完全满足“不设置固定宽度”的要求。

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