除Canvas外，支持UI元素重叠及可变z-index的面板与容器有哪些？

嘿，我来帮你理清WPF里关于UI元素重叠的面板和容器问题，结合你给出的DockPanel代码例子详细说明：

一、允许UI元素重叠的面板和容器 #

这些面板/容器天生支持或可通过设置让子元素出现重叠：

• Canvas：最直观的绝对定位面板，子元素通过Left/Top等属性自由定位，完全支持任意重叠。
• Grid：当多个子元素放在同一行/列，或者通过Margin、对齐方式让位置产生交集时，元素就会重叠。
• DockPanel：就像你代码里的例子，当设置LastChildFill="False"时，所有子元素都能通过Dock属性和Margin来定位，只要位置有重叠区域就会出现元素叠加的情况。
• WrapPanel：如果子元素尺寸超过面板剩余空间，或者通过负Margin、Transform调整位置，也能实现元素重叠。
• StackPanel：默认是线性排列不会重叠，但如果给子元素设置负Margin、使用RenderTransform/LayoutTransform偏移位置，甚至给元素加上Canvas的定位属性（比如Canvas.Left），也能让元素重叠。
• 另外像Border、ScrollViewer这类容器，本身不直接控制重叠，但如果它们的子元素是上述支持重叠的面板，也能实现内部元素的重叠效果。

二、除Canvas外，支持可变z-index（层级控制）的面板和容器 #

这些面板都可以通过Panel.ZIndex附加属性调整子元素的显示层级——数值越大，元素显示越靠上：

• Grid：完全支持，同一单元格内的多个元素，用ZIndex就能轻松控制谁覆盖谁。
• DockPanel：你代码里的DockPanel就支持这个特性！比如给里面的Rectangle加上Panel.ZIndex="1"，再添加一个同位置的Rectangle设为Panel.ZIndex="0"，前者就会显示在上方。
• WrapPanel：和DockPanel类似，重叠的子元素可以通过ZIndex调整层级顺序。
• StackPanel：哪怕是通过偏移实现的元素重叠，也能用ZIndex来控制显示优先级。
• UniformGrid：和Grid逻辑一致，子元素重叠时可通过ZIndex调整层级。

结合你代码的示例 #

你给出的DockPanel代码片段：

<DockPanel HorizontalAlignment="Left" Height="32" LastChildFill="False" Margin="10,0,0,10" VerticalAlignment="Top"> 
  <Rectangle Fill="{Binding (extensions:PaletteColor.FillBrush)}" Height="32" RadiusY="4" RadiusX="4" Stroke="#FF000000" Width="32" HorizontalAlignment="Left" VerticalAlignment="Top" MouseLeftButtonUp="TargetColorClick"...

如果要测试ZIndex的效果，可以修改成这样：

<DockPanel HorizontalAlignment="Left" Height="32" LastChildFill="False" Margin="10,0,0,10" VerticalAlignment="Top">
  <!-- 下层的颜色块 -->
  <Rectangle Panel.ZIndex="0" Fill="{Binding (extensions:PaletteColor.FillBrush)}" Height="32" RadiusY="4" RadiusX="4" Stroke="#FF000000" Width="32" HorizontalAlignment="Left" VerticalAlignment="Top"/>
  <!-- 上层的半透明红色块，会覆盖下层 -->
  <Rectangle Panel.ZIndex="1" Fill="#80FF0000" Height="32" RadiusY="4" RadiusX="4" Width="32" HorizontalAlignment="Left" VerticalAlignment="Top"/>
</DockPanel>

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