QML Column使用padding触发polish循环、水平锚定后隐式尺寸为零的问题

1. 子项配置水平锚定后Column隐式尺寸为0的原因

• QML内置Column是子项尺寸驱动型布局组件，核心设计逻辑是遍历所有子项的独立隐式尺寸，累加计算得到自身的implicitWidth/implicitHeight，不会采信依赖父项尺寸反向确定的子项尺寸。
• 当给Column内的子项同时设置anchors.left: parent.left和anchors.right: parent.right时，子项的宽度值会完全依赖Column的宽度（父项尺寸决定子项尺寸），此时Column在计算隐式尺寸时找不到子项的独立参考宽度，会默认将该类子项的宽度记为0，最终导出的implicitWidth、implicitHeight都为0，连带绑定该值的外层矩形尺寸为0，无法渲染。
• 注：官方文档允许的子项水平锚定，指的是单向的对齐类锚定（如anchors.horizontalCenter: parent.horizontalCenter、带固定边距的anchors.left: parent.left），并未支持双向对向的拉伸类锚定，这类锚定模式本身就和Column的布局设计逻辑冲突。

2. 配置Column的padding触发polish循环、应用无响应的原因

• 该场景下形成了无边界的尺寸闭环依赖：
  1. 给Column设置padding后，Column的隐式宽度计算规则为「子项最大宽度 + 左右padding值」
  2. 第一个子项的双向水平锚定让其宽度完全等于Column的自身宽度
  3. 外层蓝色矩形的implicitWidth/implicitHeight直接绑定Column的implicit值，自身没有其他固定尺寸边界
• 每一次布局刷新（polish）都会重新计算一遍这个闭环链路：Column隐式值变化 → 子项宽度跟着变 → Column隐式值再次变化，无限往复就会触发系统的polish循环告警，持续的布局刷新最终导致应用无响应。

• 规避双向对向锚定破坏布局逻辑
  • 不要给Column内的子项同时设置left、right双向锚定，这种完全依赖父项的尺寸绑定模式和Column"子项驱动父项尺寸"的设计逻辑天然冲突。
  • 如需实现子项宽度与Column内容区等宽的效果，替换为width: col.width - col.padding.left - col.padding.right的显式宽度绑定即可，这种方式既可以保持子项拉伸效果，也不会干扰Column对隐式尺寸的计算。
• 为尺寸计算提供明确的参考锚点
  • 不要让Column的隐式尺寸完全依赖被反向绑定的子项值，需要手动指定独立的内容区宽度、高度计算参考：通过Math.max()取所有子项的独立implicitWidth作为内容区宽度基准，累加所有子项的implicitHeight加spacing作为内容区高度基准，再叠加padding值得到Column的总隐式尺寸，彻底切断闭环依赖。
• 修正后的可运行参考代码：

Rectangle {
    anchors.fill: parent
    color: "green"
    Rectangle {
        anchors.centerIn: parent
        implicitWidth: col.implicitWidth
        implicitHeight: col.implicitHeight
        color: "blue"
        Column {
            id: col
            spacing: 10
            padding: 10
            // 手动指定隐式尺寸计算基准，避免闭环依赖
            implicitWidth: Math.max(rect1.implicitWidth, rect2.implicitWidth) + padding.left + padding.right
            implicitHeight: rect1.implicitHeight + rect2.implicitHeight + spacing + padding.top + padding.bottom
            Rectangle {
                id: rect1
                // 用显式宽度绑定替代双向锚定，实现拉伸效果
                width: col.width - col.padding.left - col.padding.right
                implicitHeight: 25
                color: "darkred"
            }
            Rectangle {
                id: rect2
                implicitWidth: 200
                implicitHeight: 25
                color: "darkcyan"
            }
            Component.onCompleted: console.log("column, imp width: " + implicitWidth + ", imp height: " + implicitHeight)
        }
    }
}

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