12、布局容器的使用与自定义布局

布局容器的使用与自定义布局

1. 元素分层与ZIndex

当存在多个重叠元素时，可通过设置附加属性 Canvas.ZIndex 来控制元素的分层显示。通常，添加的所有元素 ZIndex 默认值为 0，此时元素按照在 Canvas.Children 集合中的顺序显示，即 XAML 标记中后声明的元素会显示在前面声明元素的上方。

例如：

<Button Canvas.Left="60" Canvas.Top="80" Canvas.ZIndex="1" Width="50" Height="50" Content="(60,80)"></Button>
<Button Canvas.Left="70" Canvas.Top="120" Width="100" Height="50" Content="(70,120)"></Button>

这里，通过设置第一个按钮的 ZIndex 为 1，使其显示在第二个按钮上方。

需要注意的是， Canvas.ZIndex 属性的实际值本身并无意义，关键在于元素之间 ZIndex 值的比较。可以使用任何正整数或负整数来设置 ZIndex 。若要以编程方式更改元素的位置，可以调用 Canvas.SetZIndex() 方法。

2. C