GridUniformGrid布局.docVIP

Grid UniformGrid容器 一、Grid Grid是以表格形式组织控件的一种布局方式，与Java AWT中的GridLayout类似，但区别在于 WPF中的Grid的每一个单元格中可以放置多个控件，但控件可能会层叠在一起 WPF中的Grid支持单元格的合并，类似于HTML中的table td中的rowspan和colspan Grid中的行和列可以自定义高度（Height）和宽度（Width） 在设置高度和宽度时可以采用两种写法： 1）Height=”60”：不加“星号”表示固定的高度 2）Height=”60*”：加“星号”表示“加权”的高度，在调整窗体大小时，此高度或宽度会按窗体大小改变的比例进行缩放 如： 1: Grid 2: Grid.RowDefinitions 3: RowDefinition Height=60 / 4: RowDefinition Height=202* / 5: /Grid.RowDefinitions 6: Grid.ColumnDefinitions 7: ColumnDefinition/ 8: ColumnDefinition/ 9: /Grid.ColumnDefinitions 10: Button Grid.Column=0 Grid.Row=0 Height=30 VerticalAlignment=TopButtonA/Button 11: Button Grid.Column=0 Grid.Row=0 Height=30 VerticalAlignment=BottomButtonB/Button 12: Button Grid.Column=1 Grid.Row=0ButtonC/Button 13: Button Grid.Column=0 Grid.Row=1 Grid.ColumnSpan=2ButtonD/Button 14: /Grid 二、使用GridSplit分割 可以使用GridSplit控件结合Grid控件实现类似于Windows应用程序中SplitContainer的功能，如下面的应用程序： 要实现以下的功能： ButtonA和ButtonB、ButtonC组成的整体，可以左右拖动，改变两者的宽度 ButtonB和ButtonC可以上下拖动，改变两者的高度 实现以上功能的XAML代码如下： 1: Grid 2: Grid.ColumnDefinitions 3: ColumnDefinition Width=88* / 4: ColumnDefinition Width=Auto / 5: ColumnDefinition Width=190* / 6: /Grid.ColumnDefinitions 7: Grid.RowDefinitions 8: RowDefinition Height=172* / 9: RowDefinition Height=Auto / 10: RowDefinition Height=90* / 11: /Grid.RowDefinitions 12: 13: Button Content=ButtonA Margin=3 Grid.Row=0 Grid.Column=0 Grid.RowSpan=3 / 14: Button Content=ButtonB Margin=3 Grid.Row=0 Grid.Column=2 / 15: Button Content=ButtonC Margin=3 Grid.Row=2 Grid.Column=2 / 16: 17: GridSplitter Width=3 HorizontalAlignment=Stretch VerticalAlignment=Stretch 18: Grid.Row=0 Grid.Column=1 Grid.RowSpan=3/GridSplitter 19: GridSplitter Height=3 VerticalAlignment=Stretch HorizontalAlignment=Stret