14、WPF布局与内容控制全解析

WPF布局与内容控制全解析

1. Canvas布局容器

Canvas作为一种布局容器，可嵌套在用户界面中。你可以用它在窗口的一部分绘制详细内容，其余元素则使用更标准的WPF面板。

若Canvas与其他元素一起使用，可考虑将其 ClipToBounds 属性设为 true ，这样Canvas内超出边界的元素会在边界处被裁剪，防止它们与窗口其他元素重叠。其他布局容器无论 ClipToBounds 设置如何，都会裁剪子元素以适应。

2. Z - Order属性

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

不过，可通过增加元素的 ZIndex 值将其提升到更高层，因为 ZIndex 值高的元素总是显示在值低的元素之上。例如：

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