WPF：主窗口调整大小时如何让页面始终适配Frame？

这个问题其实很常见，核心就是让Page完全继承Frame的布局空间，不需要固定尺寸，按下面几步来就能解决：

1. 移除Page的固定宽高设置 #

首先把Page.xaml里手动设置的Width和Height属性删掉——固定值会强制Page保持某个大小，无法跟随Frame缩放。设计时的预览宽高（d:DesignWidth/d:DesignHeight）可以保留，只影响Visual Studio的设计视图，运行时不会生效。

2. 让Page的根容器填充整个可用空间 #

Page的根布局容器（比如Grid、DockPanel）默认就会自动拉伸填充Page的空间，但如果你的容器被修改过对齐方式，要确保设置：

<Page x:Class="YourAppNamespace.YourPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      mc:Ignorable="d"
      d:DesignWidth="800" d:DesignHeight="450"
      Title="YourPage">
    <!-- 根Grid默认HorizontalAlignment/VerticalAlignment就是Stretch，会填充整个Page -->
    <Grid>
        <!-- 你的页面内容放在这里 -->
    </Grid>
</Page>

3. 配置Frame允许内容拉伸 #

在MainWindow的Frame标签里，必须设置HorizontalContentAlignment="Stretch"和VerticalContentAlignment="Stretch"，默认情况下Frame会把内容居中显示，不会让Page填充自己的空间：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="0"/> <!-- 第一列无内容，宽度设为0 -->
        <ColumnDefinition Width="3.5*"/> <!-- 占总宽度35%（3.5/(3.5+6.5)=0.35） -->
        <ColumnDefinition Width="6.5*"/> <!-- 剩下的65% -->
    </Grid.ColumnDefinitions>

    <!-- 第一个Frame，绑定到Page1 -->
    <Frame Grid.Column="1" 
           HorizontalContentAlignment="Stretch" 
           VerticalContentAlignment="Stretch"
           Source="Page1.xaml"/>

    <!-- 第二个Frame，绑定到Page2 -->
    <Frame Grid.Column="2" 
           HorizontalContentAlignment="Stretch" 
           VerticalContentAlignment="Stretch"
           Source="Page2.xaml"/>
</Grid>

4. 页面内容的弹性布局优化 #

最后，Page里的子元素也要用弹性布局来适配缩放：

• 如果用Grid，行/列的Height/Width用*比例分配空间，而不是固定值
• 控件的HorizontalAlignment和VerticalAlignment设为Stretch，让它们填充所在的布局单元格
• 比如这样的示例内容：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/> <!-- 占1/3高度 -->
        <RowDefinition Height="2*"/> <!-- 占2/3高度 -->
    </Grid.RowDefinitions>

    <TextBox Grid.Row="0" 
             HorizontalAlignment="Stretch" 
             VerticalAlignment="Stretch"
             Text="随窗口缩放的文本框"/>

    <Button Grid.Row="1" 
            HorizontalAlignment="Stretch" 
            VerticalAlignment="Stretch"
            Content="随窗口缩放的按钮"/>
</Grid>

这样设置后，当你调整MainWindow的大小时，Grid的列会按比例缩放，Frame跟着缩放，Page也会完全填充Frame的空间，里面的内容也会自动适配尺寸。

内容的提问来源于stack exchange，提问作者Tortuga