WPF网格布局

XAML是WPF的布局页面。XAML中有5个布局元素，Grid网格布局，DockPanel泊靠式面板，StackPanel栈式面板，WrapPanel自动折行面板，Canvas画布。

  Gird网格的特色在于能够很灵活的使用行和列，并能够自定义行列的数量。行高和列宽均可以使用绝对值，相对比例或自动调整的方式进行精确设定，并能够设置最大最小值。每种方式的设定都会有不同的效果，我更推荐使用相对比例来调。Grid网格布局在UI尺寸改变的时候，元素的高度和宽度也会按扥比例的来缩放，并且使用这个布局时适用于大量使用行或列的状况。

  下面就是我用Grid网格布局作的一个小例子，启动后的效果图以下：

先建立一个WPF项目，而后在XAML页面上先配置一些全局的配置，Title：窗体的名称，宽和高，以及窗口显示的位置，WindowStartupLocaation：“CenterScreen”窗口居中显示

配置好后，就用网格布局来布局咱们的页面,用的是<Grid></Grid>标签。

 

用<Grid.RowDefinitions>标签来自定义行，而后< Grid.ColumnDefinitions>标签来定义列，在这里我是用百分比来调试，百分比在WPF中不是%，而是*。标题的背景色我这里使用了渐变色，你能够本身写，也能够在属性里面快捷生成。

<TextBlock>标签就比如如MVC的<lable>标签。能够用里面的text属性来显示文字，还能够用HorizontalAlice和VerticalAlignment来调整位置。

最后，设置好列，设置好按钮后，就会出现上面的效果图。