UI布局——XAML六大布局区别和使用

​
​

一，Grid：网格

作用：
Grid面板是用于创建简单乃至复杂窗口布局的通用工具，自定义行和列的数量，宽和高来调整控件布局。

特点：

（1）可以定义任意数量的行和列，布局要知道RowDefinitions（行）和ColumnDefinitions（列），

现在要定义四行（RowDefinitions），实现如下:

想要几行就打几行的 RowDefinition,在这时就可以看出可以定义任意数量的行和列的特点（列也是一模一样的玩法）。

（2）定义出来的行和列都是没有定义宽高的，可以通过使用绝对值、相对比例或自动调整的方式进行精确设定。

第一种，固定长度——宽度不够，会裁剪，不好用。单位pixel。

第二种，自动长度——自动匹配列中最长元素的宽度。

第三种，比例长度——表示占用剩余的全部宽度；两行都是，将平分剩余宽度；像上面的一个2*，一个*，表示前者2/3宽度。

<Grid> 
<Grid.RowDefinitions> 
<RowDefinition Height="50"/><!--固定长度 行1，高50--> 
<RowDefinition Height="Auto"/><!--自动长度 行2，高度：Auto根据子控件自动计算--> 
<RowDefinition Height="*"/><!--比例长度 行3，填充行1和行2占用后的其余的剩余高度--> 
</Grid.RowDefinitions> 

<Grid.ColumnDefinitions> 
<ColumnDefinition Width="50"