在按钮(UWP、XAML、C#)下放置一个弹出窗口

Question

我创建了一个Button。按下按钮时，会出现Popup。问题是，弹出窗口位于左上角，而按钮位于右侧。

在 XAML 中，我必须执行哪些操作才能使弹出窗口显示在按钮下方？

我什至尝试通过HorizontalAllignment将弹出窗口放在右上角。那么问题是弹出窗口在我的程序之外(就在它旁边。从字面上看(。

Answer 1

只需使用新的winUi库中的新DropDownButton，它有一个内置的弹出窗口，位于按钮下方，按钮甚至在右侧有一个箭头，非常适合您的场景。 只需使用 NuGet 包，文档在这里： https://learn.microsoft.com/en-us/uwp/toolkits/winui/

Answer 2

可以使用附加到特定控件(包括Button(的浮出控件，然后可以使用 Placement 属性指定浮出控件的显示位置："上"、"左"、"下"、"右"或"完整"。因此，可以使用 Placement 属性指定要在按钮下显示的浮出控件，如以下代码所示。

<Button Content="Click me">
<Button.Flyout>
<Flyout Placement="Bottom">
<TextBlock Text="This is a flyout!"/>
</Flyout>
</Button.Flyout>
</Button>

顺便说一句，正如我们在评论部分中建议的那样，

如果浮出控件、

菜单浮出控件、工具提示或内容对话框(适用于 Windows 8 应用的消息对话框(更合适，请不要使用弹出窗口。