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

 1 <Page x:Class="Picture.GridSplitterPage"
 2       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
 5       xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
 6       mc:Ignorable="d" 
 7       d:DesignHeight="300" d:DesignWidth="300"
 8     Title="GridSplitterPage">
 9 
10     <Grid>
11         <Grid.RowDefinitions>
12             <RowDefinition></RowDefinition>
13             <RowDefinition></RowDefinition>
14             <RowDefinition></RowDefinition>
15         </Grid.RowDefinitions>
16         <Grid.ColumnDefinitions>
17             <ColumnDefinition Width="100"></ColumnDefinition>
18             <ColumnDefinition Width="*"></ColumnDefinition>
19             <ColumnDefinition Width="2*"></ColumnDefinition>
20         </Grid.ColumnDefinitions>
21         <Button Grid.Row="0" Grid.Column="0"></Button>
22         <Button Grid.Row="0" Grid.Column="1"></Button>
23         <Button Grid.Row="0" Grid.Column="2"></Button>
24         <Button Grid.Row="1" Grid.Column="0"></Button>
25         <Button Grid.Row="1" Grid.Column="1"></Button>
26         <Button Grid.Row="1" Grid.Column="2"></Button>
27         <Button Grid.Row="2" Grid.Column="0"></Button>
28         <Button Grid.Row="2" Grid.Column="1"></Button>
29         <Button Grid.Row="2" Grid.Column="2"></Button>
30 
31         <GridSplitter Grid.Row="0" Grid.Column="1" Width="5" ShowsPreview="False"></GridSplitter>
32         <GridSplitter Grid.Row="1" Grid.Column="0" Width="5" Grid.RowSpan="2" ShowsPreview="True"></GridSplitter>
33     </Grid>
34 </Page>

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

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