wpf 根据框体自适应大小

### WPF 实现窗口自适应布局的方法

#### 使用 ViewBox 控件实现自适应布局
为了使控件能够随着窗口大小的变化而自动调整，可以利用 `ViewBox` 控件。此控件会根据可用的空间比例放大或缩小其内部的内容[^2]。

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        Title="MainWindow">
    <Grid>
        <!-- 使用 ViewBox 来包裹其他控件 -->
        <Viewbox Stretch="Uniform">
            <StackPanel Orientation="Vertical">
                <TextBlock Text="这是一个测试文本"/>
                <Button Content="点击这里"/>
            </StackPanel>
        </Viewbox>
    </Grid>
</Window>

上述代码片段展示了如何通过 `Stretch="Uniform"` 属性来确保内容在缩放过程中保持原有的宽高比[^3]。

#### 设置 Grid 布局以支持动态调整
除了使用 `ViewBox` 外，在设计复杂的界面时还可以考虑采用 `Grid` 容器，并合理配置行和列的定义方式以便更好地响应不同的屏幕尺寸[^1]。

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        Title="MainWindow">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <TextBox Grid.Row="0" Margin="5"/>
        <ListBox Grid.Row="1" ItemsSource="{Binding SomeItems}" Margin="5"/>
        <Button Grid.Row="2" Content="Submit" HorizontalAlignment="Center"/>

    </Grid>
</Window>

在这个例子中，第一行的高度被设定为 `Auto` 使得它只占用所需的空间；第二行为默认高度，允许其中的内容自由扩展；最后一行则设置了星号 (`*`) 表示剩余空间将由这一行列共享。

#### 利用 Star (*) 单位分配空间
当涉及到多行或多列的情况下，可以通过指定星号单位(*)的方式让多个区域按照一定比例分享容器内的可利用面积。例如：

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>

这表示左边一栏占据三分之一宽度，右边两倍于左面那一栏所占有的宽度。