VS编程，XAML界面可动态调整显示区域大小的一种方法

运行的时候，可通过鼠标拖动分界线来调整左右两边、或者上下两边区域大小。

效果：

• 左拖动

 

• 右拖动

 

1、创建三个Grid区域

• 若是左右拖动，就左、中、右三个列
• 若是上下拖动，就上、中、下三个行

无论哪种，中间是放分界线的区域。

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow"
        Height="350"
        Width="525">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="auto" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        
    </Grid>
</Window>

2、放置内容与分界线

        <!--左区域-->
        <Grid Background="Black" />

        <!--分界线-->
        <GridSplitter Grid.Column="1"
                      Width="3"
                      Margin="3 0"
                      HorizontalAlignment="Stretch"
                      VerticalAlignment="Stretch"
                      Background="Red" />

        <!--右区域-->
        <Grid Grid.Column=" 2"
              Background="SkyBlue" />

• 因为例子是左右拖动，所以分界线只设置了宽度，使其可见。
• 若是上下拖动，设置高度。