WPF学习笔记“布局”三:Grid分割窗口

<Page x:Class="Picture.GridSplitterPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
    Title="GridSplitterPage">

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="2*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Button Grid.Row="0" Grid.Column="0"></Button>
        <Button Grid.Row="0" Grid.Column="1"></Button>
        <Button Grid.Row="0" Grid.Column="2"></Button>
        <Button Grid.Row="1" Grid.Column="0"></Button>
        <Button Grid.Row="1" Grid.Column="1"></Button>
        <Button Grid.Row="1" Grid.Column="2"></Button>
        <Button Grid.Row="2" Grid.Column="0"></Button>
        <Button Grid.Row="2" Grid.Column="1"></Button>
        <Button Grid.Row="2" Grid.Column="2"></Button>

        <GridSplitter Grid.Row="0" Grid.Column="1" Width="5" ShowsPreview="False"></GridSplitter>
        <GridSplitter Grid.Row="1" Grid.Column="0" Width="5" Grid.RowSpan="2" ShowsPreview="True"></GridSplitter>
    </Grid>
</Page>

　　为了创建成功GridSplitter对象,务必为VerticalAlignment属性 HorizontalAlignment属性以及Width属性(或Height属性)提供相应的属性值;

　　还需要注意将ShowsPreview属性设置为false,因此,当把分割条从一边拖到另一边时,会立即改变列的尺寸;设置为true时,当把分割线从一边拖到另一边时,不会立即改变列的尺寸;