如何在按钮上单击按钮在uwp中的另一个弹出按钮中的弹出按钮

Question

我在我的uwp应用程序中使用flyout控件。我想在按钮上单击显示弹出按钮，该按钮在另一个弹出按钮中。 我想在图像中使用这样的GUI。

任何人都可以帮助我吗？

Answer 1

  

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

有关详细信息，请参阅Flyout class。

因此我们可以在Flyout的内容中添加另一个Button。

此外，我们可以使用FlyoutPlacementMode枚举设置FlyoutBase.Placement来设置弹出窗口的位置位于目标元素之上。

例如：

<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和代码示例，请参阅快速入门：Adding a MenuFlyout。