WinUI3+MVVM场景下，ContentControl内Grid绑定窗口尺寸失效求助

核心错误点 #

1. Window.Bounds 不支持绑定更新：Bounds 不是依赖属性，WinUI3 不会在窗口尺寸变化时通知绑定刷新，所以初始绑定生效后，窗口大小改变时 Grid 的宽高不会同步更新。
2. 不必要的手动宽高绑定：WinUI3 的布局系统默认会让子元素自动填充父容器空间，你手动绑定 Grid 宽高反而破坏了自动调整逻辑。
3. ContentControl 用法冗余：直接在 ContentControl 标签内嵌套 Grid 时，只要 ContentControl 本身占满窗口空间，Grid 会自动继承可用空间，无需额外设置。

修正后的代码示例 #

固定 View 场景（直接绑定 DataContext）

<Window
    x:Class="TimePunch_WinUI_StackedUI_Demo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:TimePunch_WinUI_StackedUI_Demo"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:stackedUi="using:TimePunch.StackedUI"
    Title="MainWindow" 
    x:Name="Window"
    mc:Ignorable="d">

    <!-- ContentControl 默认占满窗口空间，无需额外设置 -->
    <ContentControl DataContext="{Binding Source={StaticResource ViewModelLocator}, Path=MainWindowViewModel}">
        <!-- Grid 自动填充 ContentControl 可用空间，去掉手动宽高绑定 -->
        <Grid>
            <!-- 这里添加你的 Grid 内部元素 -->
        </Grid>
    </ContentControl>
</Window>

动态切换 View 场景（通过 DataTemplate 关联 ViewModel）

如果需要根据不同 ViewModel 自动切换 View，可以定义数据模板：

<Window
    x:Class="TimePunch_WinUI_StackedUI_Demo.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:TimePunch_WinUI_StackedUI_Demo"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:stackedUi="using:TimePunch.StackedUI"
    Title="MainWindow" 
    x:Name="Window"
    mc:Ignorable="d">

    <Window.Resources>
        <!-- 为 ViewModel 指定对应的 View 模板 -->
        <DataTemplate DataType="{x:Type local:MainWindowViewModel}">
            <Grid>
                <!-- 对应 ViewModel 的界面内容 -->
            </Grid>
        </DataTemplate>
    </Window.Resources>

    <!-- 绑定 Content 到 ViewModel，自动匹配 DataTemplate -->
    <ContentControl Content="{Binding Source={StaticResource ViewModelLocator}, Path=MainWindowViewModel}" />
</Window>

关键说明 #

• 若必须绑定窗口尺寸，应使用 Window.ActualWidth 和 Window.ActualHeight（这两个是依赖属性，支持动态更新），但绝大多数场景下完全不需要，布局系统会自动处理填充逻辑。
• ContentControl 默认模板无额外 Padding/Margin，只要它占满父容器（Window），内部元素就能自动填充空间，之前的“自动调整失效”大概率是手动绑定宽高导致的冲突。

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