WinUI3中如何创建超出主窗口范围的自定义弹出类控件？

最优方案：基于 Flyout/FlyoutBase 定制 #

WinUI3 的 Flyout 控件原生支持超出主窗口边界显示，且创建、销毁的性能开销远低于独立窗口，完全匹配你的需求。以下是具体实现思路：

1. 基础自定义弹出实现 #

直接用 Flyout 作为弹出容器，替换默认内容即可快速实现：

<Button Content="打开自定义弹出">
    <Button.Flyout>
        <Flyout Placement="Bottom">
            <!-- 这里放入你的自定义控件内容，比如模拟ComboBox的下拉列表 -->
            <ListView Width="200" Height="300">
                <ListViewItem>选项1</ListViewItem>
                <ListViewItem>选项2</ListViewItem>
                <ListViewItem>选项3</ListViewItem>
            </ListView>
        </Flyout>
    </Button.Flyout>
</Button>

这种方式的弹出层会自动突破窗口边界，且默认支持点击外部自动关闭（IsLightDismissEnabled 默认开启）。

2. 封装成可复用自定义控件 #

如果需要做成独立的可复用控件，可以继承 FlyoutBase 实现自定义逻辑：

public class CustomDropdownFlyout : FlyoutBase
{
    protected override Control CreatePresenter()
    {
        // 返回自定义的弹出内容控件
        return new CustomDropdownContent();
    }
}

// 自定义弹出内容控件
public class CustomDropdownContent : UserControl
{
    public CustomDropdownContent()
    {
        Width = 200;
        Height = 300;
        Content = new ListView
        {
            ItemsSource = new List<string> { "选项A", "选项B", "选项C" }
        };
    }
}

使用时关联到触发控件即可：

<local:CustomToggleButton Content="打开自定义下拉">
    <local:CustomToggleButton.Flyout>
        <local:CustomDropdownFlyout />
    </local:CustomToggleButton.Flyout>
</local:CustomToggleButton>

为什么不推荐独立窗口？ #

独立窗口每次创建都需要初始化窗口句柄、布局等，性能开销大，还需要手动处理位置同步、外部点击关闭等逻辑，而 Flyout 已经内置了这些功能，开发成本更低。

原生 Popup 的补充方案 #

如果一定要使用 Popup，在 WinUI3 Desktop 应用中，可以通过设置 Popup.HostName 为 Win32 突破窗口边界限制：

var popup = new Popup();
popup.HostName = "Win32";
popup.Child = new YourCustomContent();
popup.PlacementTarget = yourTriggerControl;
popup.IsOpen = true;

但这种方式需要手动处理位置计算、关闭逻辑等细节，不如 Flyout 省心。

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