如何在uwp中，点击一个位于另一个flyout中的按钮时获取一个flyout。

Question

我正在使用UWP应用中的flyout控件。我想在单击另一个flyout中的按钮时显示一个flyout。我想要的GUI如上图所示。请问有人可以帮助我吗？

- Archana

---

Stack Overflow不是一个代码编写服务，我们期望您尝试自己编写代码。我建议您在问题上进行一些研究（尝试使用上面的搜索框），并尝试自己编写一些代码。如果/当您遇到任何代码问题时，请再次提问，并解释您尝试过什么以及为什么它对您没有起作用。最重要的是包括一个最小、完整和可验证的示例。 - henrycarteruk

有更新吗？我的回答解决了你的问题吗？ - Jayden

不，这与我的问题无关。我们用另一种方法来实现，而不是采用两个 flyout。 - Archana

Answer 1

一个单一的对象元素，声明内容。这必须是一个具有UIElement层次结构的对象（普通字符串不起作用）。这可以是一个容器，例如Panel派生类，以便可以在Flyout中排列多个内容项。

有关更多信息，请参见Flyout class。

因此，我们可以向Flyout的内容中添加另一个按钮。

此外，我们可以使用FlyoutPlacementMode枚举集设置FlyoutBase.Placement，以将Flyout的位置设置为目标元素上方。

例如：

<Button Name="MyButton" VerticalAlignment="Center" HorizontalAlignment="Center"
Content="Open flyout">
<Button.Flyout>
    <Flyout Placement="Right">
        <Grid Width="300" Height="300">
            <Grid.RowDefinitions>
                <RowDefinition  Height="*" />
                <RowDefinition  Height="*" />
                <RowDefinition  Height="*" />
                <RowDefinition  Height="*" />
                <RowDefinition  Height="*" />
            </Grid.RowDefinitions>
            <Button  Grid.Row="0" Content="Open second flyout">
                <Button.Flyout>
                    <Flyout Placement="Left">
                        <Grid Width="300" Height="300">
                            <TextBlock TextWrapping="Wrap" Text="This is some text in a flyout." />
                        </Grid>
                    </Flyout>
                </Button.Flyout>
            </Button>
        </Grid>
    </Flyout>
</Button.Flyout>

如果您想显示菜单项，请尝试使用MenuFlyout控件。有关更多信息，包括XAML和代码示例，请参见快速入门：添加菜单飞出。

- Jayden