Grid网格布局

开发工具与关键技术:Visual Studio 2015 WPF MAXL
作者:黄冠棋
撰写时间:2019年05月15日
Grid顾名思义就是“网格”,它的子控件被放在一个一个实现定义好的小格子里面,整齐配列。Grid和其他各个Panel比较起来,功能最多也最为复杂。
要使用Grid,首先要向RowDefinitions和ColumnDefinitions属性中添加一定数量的RowDefinitions和 ColumnDefinitions元素,从而定义行数和列数。
通过Height和Width属性可以调节每一行的高度和每一列的宽度;
Height和Width可以的输入接收3种植。
第一种可以直接输入数字来定义宽高为多少像素;
第二种为Auto 根据子控件自动计算;
第三种输入数字后面加*号定义行或列直接的比例

在这里插入图片描述
而放置在Grid面板中的控件元素都必须显示采用附加属性语法Grid.Row和Grid.Column定义其放置所在的行和列,它们都是以0为基准的整型值,如果没有显式设置任何行或 列,Grid将会隐式地将控件加入在第0行第0列。
可以利用Grid.ColumnSpan和Grid.RowSpan来让某个控件跨行或者跨列
在这里插入图片描述 特点: 可以定义任意数量的行和列,非常灵活。 行的高度和列的宽度可以使用绝对值、相对比例或自动调整的方式进行精确设定,并可以设置最大和最小值。 内部元素可以设置自己所在的行和列,还可以设置自己纵向跨几行,横向跨几列。 可以设置Children元素的对齐方向。 基于以上这些特点,Grid的适用场合有: UI布局的大框架设计。 大量UI元素需要成行或者成列对齐的情况。 UI尺寸改变的时候,元素需要保留固有的宽度和高度比列。