如何为Windows MAUI桌面应用设置响应式窗口大小

针对Windows MAUI应用窗口无法根据屏幕自适应调整的问题，你需要从平台特定配置、窗口事件监听和响应式布局控件三个层面入手，以下是具体实现步骤：

1. 在Windows平台项目中配置窗口基础规则 #

窗口的尺寸控制在Windows上属于平台特有逻辑，需要修改Platforms/Windows/App.xaml.cs文件，重写OnLaunched方法来定义初始尺寸、最小尺寸，并确保窗口支持自由调整：

protected override void OnLaunched(LaunchActivatedEventArgs args)
{
    base.OnLaunched(args);

    var window = Application.Current.Windows.FirstOrDefault();
    if (window != null)
    {
        // 设置初始窗口尺寸
        window.Width = 800;
        window.Height = 600;
        // 限制最小尺寸，避免窗口被拖到过小
        window.MinimumWidth = 600;
        window.MinimumHeight = 450;
        // 允许窗口最大化时自动适配屏幕
        window.ExtendsContentIntoTitleBar = true;
    }
}

2. 监听窗口尺寸变化事件动态调整布局 #

在App.xaml.cs中监听窗口的SizeChanged事件，根据实时尺寸调整页面内容的布局逻辑：

public App()
{
    InitializeComponent();
    MainPage = new MainMenu();

    if (MainPage.Window != null)
    {
        MainPage.Window.SizeChanged += Window_SizeChanged;
    }
}

private void Window_SizeChanged(object sender, EventArgs e)
{
    var window = sender as Window;
    if (window == null || MainPage is not MainMenu mainMenuPage) return;
    
    // 将当前窗口尺寸传递给页面，触发布局调整
    mainMenuPage.AdjustLayout(window.Width, window.Height);
}

对应的MainMenu页面中需要实现AdjustLayout方法，根据传入的尺寸动态调整控件的大小或位置：

public void AdjustLayout(double windowWidth, double windowHeight)
{
    // 示例：根据窗口宽度调整侧边栏的显示状态
    if (windowWidth < 700)
    {
        SidePanel.IsVisible = false;
    }
    else
    {
        SidePanel.IsVisible = true;
        SidePanel.Width = windowWidth * 0.2;
    }
}

3. 使用响应式布局控件构建页面 #

确保页面XAML使用Grid、FlexLayout这类支持比例分配空间的控件，避免使用固定尺寸的布局：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/> <!-- 自动适配标题栏高度 -->
        <RowDefinition Height="*"/> <!-- 占据剩余全部高度 -->
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="2*"/> <!-- 侧边栏占20%宽度 -->
        <ColumnDefinition Width="8*"/> <!-- 主内容区占80%宽度 -->
    </Grid.ColumnDefinitions>

    <Frame Grid.Row="0" Grid.ColumnSpan="2" BackgroundColor="LightBlue">
        <Label Text="应用标题" FontSize="Large"/>
    </Frame>

    <StackLayout x:Name="SidePanel" Grid.Row="1" Grid.Column="0" BackgroundColor="LightGray">
        <!-- 侧边栏内容 -->
    </StackLayout>

    <ScrollView Grid.Row="1" Grid.Column="1">
        <!-- 主内容区 -->
    </ScrollView>
</Grid>

你的Program.cs代码主要负责服务注册和应用初始化，本身不涉及窗口尺寸控制逻辑，所以之前的调整没有效果。按照上述步骤配置后，窗口就能根据屏幕尺寸自由调整，页面布局也会随之适配。

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