WPD布局元素

标签：

• Grid

　　Grid会以网格的形式对内容元素进行布局，其特点如下：

1. 可以定义任意数量的行和列，非常灵活；
2. 行的高度和列的宽度可以使用绝对数值、相对比例或自动调整的方式进行精确设定，并可设置最大值和最小值；
3. 内部元素可以设置自己所在的行和列，还可以设置自己纵向跨几行、横向跨几列；
4. 可以设置Children元素的对齐方向。

　　Grid使用场合有：

1. UI布局的大框架设计；
2. 大量UI元素需要成行或者成列对齐的情况；
3. UI整体尺寸改变时，元素需要保持固有的高度和宽度比例；
4. UI后期可能有较大变更或扩展。

　　定义Grid

　　Grid有ColumnDefinitions和RowDefinitions两个属性，来定义列和行，代码如下： 

 <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
    </Grid>

View Code

 　　也可通过代码动态添加，代码如下：

this.MyGrid.RowDefinitions.Add(new RowDefinition());
this.MyGrid.ColumnDefinitions.Add(new ColumnDefinition());

View Code

• StackPanel

• DockPanel

• Canves

• WraperPanel

WPD布局元素

标签：

原文地址：http://www.cnblogs.com/yijiaoyingbi/p/4837756.html