図3に示すように、グリッド、GridSplitterセパレータグリッド

Grid--グリッドレイアウト、WPFを使用すると、任意のレイアウト他のコンテナを達成することができ、最も強力なレイアウトコンテナです。

レイアウトの丸め：境界メッシュは時々 、このような三等分100は、幅で割り切れない、ぼやけます。推奨設定<グリッドUseLayoutRounding =「真の」>

グリッドメッシュはExcelのセルとして使用することができ、セットのサイズは、様々な方法を持つことができます。

図1に示すように、幅が自動的にコンテンツによって設定されています

< Grid.ColumnDefinitions > 
         < ColumnDefinition 幅= "オート" /> 
         < ColumnDefinition 幅= "オート" /> 
         < ColumnDefinition /> 
</ Grid.ColumnDefinitions >

2、比例セル幅を設定します

列幅の比= 1：2：3

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

] [GridSplitterグリッドレイアウトは、（行）を占める単独で、使用、水平に、垂直に延伸中心

<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>