QML ColumnLayout混合Rectangle与Button时无法均分高度

ColumnLayout的高度分配遵循固定规则：

• 第一阶段：优先为所有子组件分配固有高度（即implicitHeight属性）：无自定义内容的Rectangle默认固有高度为0，Button这类内置控件会根据自带样式、文本内容设置非0的默认固有高度（通常为30-40px）
• 第二阶段：将扣除布局边距、子项间距、所有子项固有高度总和后的剩余可用空间，平均分配给设置了Layout.fillHeight: true的组件。

你遇到的高度失衡问题，本质是Rectangle和Button的固有高度差过大：两个Button先占用了自身的默认固有高度，剩余可分配空间本身就极少，三等分后Rectangle自然仅能分到十余像素高度。同类型组件放置在一起时固有高度一致，因此不会出现分配失衡的现象。
另外你代码中border : 20是错误写法，Rectangle的border为分组属性，需要通过border.width设置边框宽度、border.color设置边框颜色，直接赋值20不会产生预期效果。

完全不需要使用Layout.preferredHeight: parent.height/3这类硬编码比例的写法，只需要给所有参与均分的子组件设置相同的Layout.preferredHeight值，覆盖布局默认读取固有高度作为首选尺寸的逻辑即可。后续动态增删组件时，仅需要给新增的同布局层级组件加上相同配置，无需调整其他代码，维护成本极低。
修正后的可运行代码如下：

ColumnLayout
{
    anchors.fill: parent
    anchors.margins: 10
    spacing: 10
    
    Rectangle
    {
        Layout.fillWidth: true
        Layout.fillHeight: true
        // 所有参与均分的项设置相同的preferredHeight即可，取值不影响效果只要保持统一
        Layout.preferredHeight: 0
        color : "#600000"
        // 修正border属性写法
        border.width: 20
        border.color: "#ffffff" // 可根据需求自定义边框颜色
    }
    Button
    {
        Layout.fillWidth: true
        Layout.fillHeight: true
        Layout.preferredHeight: 0
        text: "Button1" 
    }
    Button
    {
        Layout.fillWidth: true
        Layout.fillHeight: true
        Layout.preferredHeight: 0
        text: "Button2" 
    }
}

说明：Layout.preferredHeight的取值只要所有参与均分的组件保持一致即可，设置为0、1或者其他固定值效果完全相同，开启Layout.fillHeight: true后布局会自动按比例拉伸组件填满全部可用空间，不会出现组件高度为0的情况。

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