c# - 如何延迟 Button.Flyout 的出现？

Question

在按钮的单击事件中，我有几个异步方法，我希望它们在显示按钮的 Flyout 内容之前完成。是否有延迟显示 Flyout 内容的方法，或者它是否会在单击与其关联的按钮时始终显示？

Answer 1

在您的情况下，不要将弹出窗口与按钮相关联，因为它会自动显示。相反，在资源或其他元素中定义您的浮出控件，然后从代码中调用它。示例示例如下所示:

<Grid x:Name="RootGrid" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <FlyoutBase.AttachedFlyout>
        <MenuFlyout>
            <MenuFlyoutItem Text="Edit"/>
            <MenuFlyoutItem Text="Delete"/>
        </MenuFlyout>
    </FlyoutBase.AttachedFlyout>
    <Button Content="Click" Click="Button_Click">
        <Button.Resources>
            <MenuFlyout x:Key="secondFlyout">
                <MenuFlyoutItem Text="Edit"/>
                <MenuFlyoutItem Text="Delete"/>
            </MenuFlyout>
        </Button.Resources>
    </Button>
</Grid>

代码隐藏:

private async void Button_Click(object sender, RoutedEventArgs e)
{
    await Task.Delay(2000); // your heavy job you want ot wait for
    var thisButton = sender as FrameworkElement;
    // first method
    (thisButton.Resources["secondFlyout"] as FlyoutBase).ShowAt(thisButton);
    // second method
    // FlyoutBase.GetAttachedFlyout(RootGrid).ShowAt(thisButton);
}