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时,当把分割线从一边拖到另一边时,不会立即改变列的尺寸;
