布局

布局容器

布局容器有自己的放置控件的逻辑，比如水平顺序放置，垂直顺序放置，网格放置

所有布局容器

继承自 System.Windows.Controls.Panel

布局容器有 children 属性，是 UIElement 集合。所有控件继承UIElement ，可以作为布局容器的元素。Panel继承UIElement，所以布局容器可以嵌套

DockPanel，StackPanel，WrapPanel，Grid，Canvas，UniformGrid

布局过程

分为测量阶段，排列阶段
测量阶段，是容器了解子元素的期望
排列阶段，决定子元素位置大小

布局原则

（1）不要设定控件大小，设定最大值，最小值
（2）不要设定控件位置，位置由布局容器特性，按顺序，大小，比例自动确定
（3）嵌套使用布局容器，大区块分割用grid，小区块布局用stack，wrap，dock

流式布局
现代布局系统，讲究自适应，也就是所谓的尺寸大小不固定，位置不固定，通过按顺序，以及设置最大值，最小值的方式来确定控件界面

核心布局容器

（1）StackPanel
单行，单列，顺序放置控件，通常用来布局用户界面一小部分区块，很少单独使用

（2）WrapPanel
自动换行，换列，顺序放置控件，通常用来布局用户界面一小部分区块，很少单独使用

（3）DockPanel
停靠的顺序很重要，举例先左停靠，后下停靠就不会占有左下角，支持多个停靠到同一边缘，按顺序摆放，很少单独使用
控件元素使用 DockPanel.Dock
记住，左右上下，上下左右，就是指，停靠左右，宽度自适应，高度默认冲满。

（4）Grid（重要，后续详解）
比较常用，网格

（5）UniformGrid
（6）Canvas

其他布局容器

（1）TabPanel
（2）ToolbarPanel
（3）ToolbarOverflowPanel
（4）VirtualizingStackPanel
（5）InkCanvas

再谈布局过程

布局容器，容器内控件
（1）布局容器，是第一责任主体
（2）容器内控件，可以要求自己期望的布局

布局属性（自己）
容器和控件，用来表达各自的期望，先决定宽高多少，再决定对齐。
HorizontalAlignment
VerticalAlignment
Margin
MinWidth，MinHeight
MaxWidth，MaxHeight
Width，Height

边框 Border 控件

经常和容器一起使用，容器的外层嫁衣

嵌套布局容器

实践，stack 放按钮，stack 外层是 dock

Grid 容器（重要）

用来分割空间，以便其他布局容器可以在小区块布局，通常也就是stack，wrap，dock
（1）网格，单元格内会重叠，单元格内通常一个子元素
（2）元素使用 Grid.Row，Grid.Column，从 0 开始
（3）Grid ShowGridLines
（4）Grid.RowDefinitions
（5）Grid.ColumnDefinitions
（6）ColumnDefinition Width（*，2*，500，auto）
（7）RowDefinition Height（*，2*，500，auto）
（8）Grid.RowSpan（跨行）
（9）Grid.ColumnSpan（跨列）

3种尺寸方式
绝对设置（最无用）
自动设置（宽高刚好满足内容，最适用）
按比例设置（按比例分割剩余空间）
（混合使用）