.NET MAUI Windows端锁定模式Flyout Menu重叠标题栏问题

针对你遇到的Windows端Flyout覆盖系统标题栏的问题，可通过以下几种方式解决：

方法1：禁用内容延伸到系统标题栏（推荐） #

在Windows平台下，让应用内容不延伸到系统标题栏区域，Flyout会自动在标题栏下方渲染，不会覆盖系统控制按钮。

在AppShell.xaml.cs的OnHandlerChanged方法中添加平台特定代码：

protected override void OnHandlerChanged()
{
    base.OnHandlerChanged();

#if WINDOWS
    var window = App.Current.Windows[0];
    var platformWindow = WinRT.Interop.WindowNative.GetWindow(window.Handler.PlatformView);
    platformWindow.AppWindow.TitleBar.ExtendsContentIntoTitleBar = false;
#endif
}

设置后Windows系统标题栏会单独显示，Flyout的绿色背景从标题栏下方开始，和Mac端表现一致。

方法2：动态设置Flyout顶部边距 #

如果需要保留Shell内容与标题栏的融合效果，可通过获取系统标题栏高度，给Flyout设置顶部边距避开标题栏区域：

protected override void OnHandlerChanged()
{
    base.OnHandlerChanged();

#if WINDOWS
    if (Handler is Microsoft.Maui.Handlers.ShellHandler shellHandler)
    {
        var window = App.Current.Windows[0];
        var platformWindow = WinRT.Interop.WindowNative.GetWindow(window.Handler.PlatformView);
        double titleBarHeight = platformWindow.AppWindow.TitleBar.Height;
        Shell.SetFlyoutPadding(this, new Thickness(0, titleBarHeight, 0, 0));
    }
#endif
}

此方式会让Flyout内容向下偏移标题栏高度的距离，确保系统标题栏按钮不被遮挡。

方法3：XAML中设置固定平台边距 #

如果不需要动态适配标题栏高度，可直接在AppShell.xaml中通过OnPlatform设置Flyout的顶部边距：

<Shell x:Class="UPclient.AppShell"
       xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:local="clr-namespace:UPclient"
       Shell.FlyoutBehavior="Locked"
       Shell.FlyoutBackgroundColor="Green">

    <Shell.FlyoutPadding>
        <OnPlatform x:TypeArguments="Thickness">
            <On Platform="Windows" Value="0,32,0,0"/> <!-- Windows标题栏默认高度约32px -->
            <On Platform="MacCatalyst" Value="0"/>
        </OnPlatform>
    </Shell.FlyoutPadding>

    <!-- 原有Shell内容 -->
</Shell>

注意：固定值可能在不同Windows版本或缩放比例下出现偏差，优先推荐前两种动态适配方式。

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