Grid:网格面板,可以让我们更方便的样式布局。

Grid顾名思义就是网格,以表格形式布局元素

要使用Grid,首先要向RowDefinitionsColumnDefinitions属性中添加一定数量的RowDefinitions ColumnDefinitions元素,从而定义行数和列数。而放置在Grid面板中的控件元素都必须显示采用RowColumn附加属性定义其放置所在的行和列,这两个属性的值都是从0开始的索引数,如果没有显式设置任何行或列,Grid将会隐式地将控件加入在第0行第0列。

Grid的单元格可以是空的,一个单元格中可以有多个元素,而在单元格中元素是根据它们的Z顺序一个接着一个呈现的。与Canvas一样,同一个单元格中 的子元素不会与其他元素交互布局

尽管Grid面板被设计成不可见的,但可将Grid.ShowGridLines属性设置为True,从而更清晰的观察Grid面板,方便调试,可以更准确地控制Grid面板如何选择列宽和行高。

 

Grid实现一个简单页面布局:

代码:

WPF Grid网格

WPF Grid网格

效果

 

Grid:网格面板,可以让我们更方便的样式布局。

Grid顾名思义就是网格,以表格形式布局元素

要使用Grid,首先要向RowDefinitionsColumnDefinitions属性中添加一定数量的RowDefinitions ColumnDefinitions元素,从而定义行数和列数。而放置在Grid面板中的控件元素都必须显示采用RowColumn附加属性定义其放置所在的行和列,这两个属性的值都是从0开始的索引数,如果没有显式设置任何行或列,Grid将会隐式地将控件加入在第0行第0列。

Grid的单元格可以是空的,一个单元格中可以有多个元素,而在单元格中元素是根据它们的Z顺序一个接着一个呈现的。与Canvas一样,同一个单元格中 的子元素不会与其他元素交互布局

尽管Grid面板被设计成不可见的,但可将Grid.ShowGridLines属性设置为True,从而更清晰的观察Grid面板,方便调试,可以更准确地控制Grid面板如何选择列宽和行高。

 

Grid实现一个简单页面布局:

代码:

WPF Grid网格

WPF Grid网格

效果

 

WPF Grid网格

相关文章:

  • 2021-07-20
  • 2021-09-21
  • 2021-09-08
  • 2021-09-10
  • 2022-02-09
  • 2022-12-23
  • 2021-08-16
猜你喜欢
  • 2021-04-06
  • 2021-11-13
  • 2021-04-10
  • 2021-11-30
  • 2021-05-27
  • 2021-09-16
  • 2022-01-18
相关资源
相似解决方案