Grid of WPF （一）

wpf 界面的grid使用有些麻烦，他与winform有很大的不同。

由于才开始进行wpf的编程，造成了很多的困扰。听说，一些缺乏艺术细胞的技术人员页面布局变得巨难看无比。

可能我也是此类人吧。

不过，我想即便是我们的美工基础很好，界面设计很出色，为了方便起见有些时候还是需要动态的生成界面，即代码解决创建添加，涉及。

 此时想起来大学时刚学习java时使用记事本编写java的 applet程序时只有代码没有界面的日子。

好了，本文只是说明wpf中grid的代码创建形式。。至于其他的我会在后面的文章中写出。

 Grid的行和列的宽高不再使用数值直接定义了，而是通过定义一个GridLength来实现。

 GridUnitType 规定了GridLength的定义形式，

 

GridUnitType	成员名称	说明
	Auto	大小由内容对象的大小属性决定。
	Pixel	该值表示为像素。
	Star	该值表示为可用空间的加权比例。

Star 大小调整用于根据加权比例分配可用空间。有关此类型大小调整的更多信息，请参见使用星型大小调整的示例。

在 可扩展应用程序标记语言 (XAML) 中，星号值表示为 * 或 2*。在第一种情况下，行或列将得到一倍的可用空间；在第二种情况下，行或列将得到两倍的可用空间，依此类推。

 Star 大小调整用于根据加权比例分配可用空间。

在 可扩展应用程序标记语言 (XAML) 中，星号值表示为 * 或 2*。在第一种情况下，行或列将得到一倍的可用空间；在第二种情况下，行或列将得到两倍的可用空间，依此类推。

下面代码实现了

1 定义一个Grid，

2 并将它分成平均的四分。

3 以及如何在其上添加control.

 protected void InitForm() { Grid grid = new Grid(); ColumnDefinition col1 = new ColumnDefinition(); col1.Width = new GridLength(this.Width/2, GridUnitType.Star); ColumnDefinition col2 = new ColumnDefinition(); col2.Width = col1.Width; RowDefinition row1 = new RowDefinition(); row1.Height = new GridLength(this.Height / 2, GridUnitType.Star); RowDefinition row2 = new RowDefinition(); row2.Height = row1.Height; grid.ColumnDefinitions.Add(col1); grid.ColumnDefinitions.Add(col2); grid.RowDefinitions.Add(row1); grid.RowDefinitions.Add(row2); //controls StackPanel sp1 = new StackPanel(); VirtualizingStackPanel vsp = new VirtualizingStackPanel(); DockPanel dp = new DockPanel(); WrapPanel wp = new WrapPanel(); vsp.Background = Brushes.Blue; wp.Background = Brushes.Yellow; dp.Background = Brushes.Green; sp1.Background = Brushes.Red; //add control to Grid grid.Children.Add(vsp); grid.Children.Add(dp); grid.Children.Add(wp); grid.Children.Add(sp1); //set control's position in the Grid //dp position Grid.SetColumn(dp, 0); Grid.SetRow(dp, 0); // Grid.SetColumn(sp1, 1); Grid.SetRow(sp1, 0); // Grid.SetColumn(wp, 0); Grid.SetRow(wp, 1); //vsp position Grid.SetColumn(vsp, 1); Grid.SetRow(vsp, 1); this.AddChild(grid); }