一、功能、布局描述

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、拖拽后界面：