13、WPF布局容器全解析

WPF布局容器全解析

1. 布局容器选择与嵌套

在布局设计中，有多种容器可供选择，不同的容器适用于不同的场景。可以使用嵌套的Grid容器创建几乎任何界面，但在处理小部分用户界面或排列少量元素时，使用更专业的StackPanel和DockPanel容器往往更简单。

例如，对于嵌套的StackPanel，也可以用一行两列的Grid来替代。以下是相关说明：
- 嵌套StackPanel替代示例 ：虽然标记可能稍长，但按控件出现顺序声明的方式更易于理解，选择哪种方式取决于个人偏好。

2. 行和列的跨距

在Grid中，可以使用 Row 和 Column 附加属性将元素放置在单元格中，还能使用 RowSpan 和 ColumnSpan 这两个附加属性让元素跨越多个单元格。这两个属性的值表示元素要占据的行数或列数。

示例代码 ：

<Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2">Span Button</Button>
<Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Grid.ColumnSpan="2">Span Button</Button>

行和列的跨距能实现一些有趣