3, Grid, GridSplitter separator grid

Grid-- grid layout, WPF is the most powerful layout container, you can achieve any layout other containers.

Layout rounding: mesh boundary sometimes blurs, such trisection 100 is not divisible by the width. Recommended settings <Grid UseLayoutRounding = "True">

Grid mesh can be used as the cell in Excel, the size of the set can have a variety ways.

1, the width is automatically set by content

<Grid.ColumnDefinitions>
         <ColumnDefinition Width="Auto"/>
         <ColumnDefinition Width="Auto"/>
         <ColumnDefinition />
</Grid.ColumnDefinitions>

2, set the cell width proportionally

Column width ratio = 1: 2: 3

<Grid.ColumnDefinitions>
         <ColumnDefinition Width="*"/>
         <ColumnDefinition Width="2*"/>
         <ColumnDefinition Width="3*"/>
</Grid.ColumnDefinitions>

] [GridSplitter grid layout used, alone accounting for a (row), centered horizontally, vertically stretched

<Grid UseLayoutRounding="True" >
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <!--设置左、右列的最小宽度，防止中间列的分离器拉动太夸张-->
            <ColumnDefinition MinWidth="50"/>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition MinWidth="50"/>
        </Grid.ColumnDefinitions>
        <Button Content="宽度自适应" Grid.Column="0" Grid.Row="0"/>
        <!--网格布局中使用，单独占一列（行），水平居中对齐，竖直拉伸-->
        <GridSplitter Grid.Column="1" Grid.RowSpan="3" HorizontalAlignment="Center" VerticalAlignment="Stretch" Width="5"/>
        <Button Content="button3" Grid.Column="2" Grid.Row="0"/>        
</Grid>

3, Grid, GridSplitter separator grid

Guess you like