一、功能、布局描述
1、使用Grid的GridSplitter实现可拖拽分隔栏效果。当ShowsPreview设置为True时,拖拽过程中不会刷新(控件内容要等到鼠标释放时才变化);当ShowsPreview设置为False时,控件内容实时跟随变化。
2、使用ViewBox特性实现控件内容随拖拽自动变化。
3、布局代码:
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="40"/>
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="100" MinWidth="50"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<TextBox Text="Row-0 Column-0" Grid.ColumnSpan="3" BorderBrush="Black"/>
<Viewbox Grid.Row="1">
<TextBox Text="Row-1 Column-1" BorderBrush="Black"/>
</Viewbox>
<Viewbox Grid.Row="1" Grid.Column="2">
<TextBox Text="Row-1 Column-2" BorderBrush="Black"/>
</Viewbox>
<GridSplitter Grid.Row="1" Grid.Column="1"
VerticalAlignment="Stretch"
HorizontalAlignment="Center"
Width="10"
Background="Red"
ShowsPreview="False"
/>
</Grid>
二、界面效果
1. 启动时界面:
2、拖拽后界面:
原文:http://blog.csdn.net/lh806732/article/details/38580227