如何延遲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); 
}