ApplicationWindow与Header过度绘制问题：同父元素布局异常原因咨询

嘿，这个问题其实和ApplicationWindow的特殊布局机制有关，我来给你拆解清楚~

核心原因：ApplicationWindow对Header的特殊处理 #

虽然你检查到toolBar.parent === rect.parent，二者父元素都是mainWindow，但ApplicationWindow会对header属性做专门的布局优化：

• 层级优先级：header属于窗口的"装饰层"元素，默认会被放在所有普通子元素的上层，哪怕你给Rectangle设置了z:1，也可能被header覆盖（因为窗口内部会自动调整header的层级权重）。
• 内容区域边距：ApplicationWindow的contentItem（普通子元素默认所在的容器）会自动留出header的高度作为顶部边距。这意味着当你给Rectangle设置anchors.top: parent.top时，这里的parent如果是contentItem（哪怕你以为是mainWindow），它的top锚点其实是header的底部位置，所以Rectangle会从header下方开始布局，自然被上方的header挡住。

更规范的解决方法 #

你用topMargin: -toolBar.height确实能临时解决，但还有更优雅的方式：

• 直接锚定窗口顶部：把Rectangle的top锚点从parent.top改为mainWindow.top，跳过contentItem的边距限制：

Rectangle {
    z: 1; id:rect; color: Material.color(Material.BlueGrey); width: mainWindow.width / 3;
    anchors {
        bottom: parent.bottom; 
        top: mainWindow.top;  // 直接锚定窗口根节点的顶部
        left: parent.left;
    }
}

• 取消内容区域边距：修改ApplicationWindow的contentItem的顶部边距为0，让所有子元素可以直接顶到窗口顶部：

ApplicationWindow {
    id: mainWindow; 
    visible: true; width: 480; height: 640; title: qsTr("Easy Music Video");
    contentItem.topMargin: 0;  // 取消顶部边距
    // ... 其他代码
}

补充说明 #

关于toolBar.parent === rect.parent返回true的情况，可能是Qt版本差异或自定义控件的影响，但无论父元素是否相同，ApplicationWindow对header的布局优先级处理都是存在的——它会确保header作为窗口的顶部导航元素，始终处于视觉上层并占据顶部区域。

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