Benutzerdefinierte CommandBar zu PickerFlyout

Question

Standardmäßig PickerFlyout hat commandbar, die Schaltflächen getan und abbrechen hat. Ist es möglich, die Schaltfläche "Fertig" programmatisch zu deaktivieren? Wenn nicht, gibt es eine Möglichkeit, eine benutzerdefinierte Befehlsleiste hinzuzufügen und die Standard-Befehlsleiste zu ersetzen?

Mit Hilfe der Antwort habe ich versucht, benutzerdefinierte Picker von PickerFlyoutBase zu schreiben. Aber jetzt bin ich nicht in der Lage, Inhalt zum Flyout in XAML hinzuzufügen. Geben Sie mir Fehler sagen custompicker doesnt Unterstützung direkten Inhalt

<Button> 
    <Button.Flyout> 
         <local:custompicker> 
          <TextBlock Margin="20" FontSize="30" Text="MyPickerFlyout Test" /> 
         </local:custompicker> 

        </Button.Flyout> 
    </Button 


public class custompicker:PickerFlyoutBase 
     { 
      private AppBar OriginalAppBar; 

     private CommandBar MyCommandBar; 

     private Page CurrentPage; 

     public custompicker() 
     { 
      var cancelButton = new AppBarButton(); 
      cancelButton.Icon = new SymbolIcon(Symbol.Cancel); 
      cancelButton.Label = "Cancel"; 
      cancelButton.Click += (s, e) => 
      { 
       this.Hide(); 
      }; 

      MyCommandBar = new CommandBar(); 
      MyCommandBar.PrimaryCommands.Add(cancelButton); 

      this.Closed += MyPickerFlyout_Closed; 
      this.Opening += MyPickerFlyout_Opening; 
      this.Placement = Windows.UI.Xaml.Controls.Primitives.FlyoutPlacementMode.Full; 
     } 

     private void MyPickerFlyout_Opening(object sender, object e) 
     { 
      CurrentPage = (Windows.UI.Xaml.Window.Current.Content as Frame).Content as Page; 
      if (CurrentPage != null) 
      { 
       OriginalAppBar = CurrentPage.BottomAppBar; 

       CurrentPage.BottomAppBar = MyCommandBar; 
      } 
     } 

     private void MyPickerFlyout_Closed(object sender, object e) 
     { 
      if (CurrentPage != null) 
      { 
       CurrentPage.BottomAppBar = OriginalAppBar; 
      } 
     } 

     } 

Answer 1

PickerFlyout class eine ConfirmationButtonsVisible property hat, können wir mit dieser Eigenschaft deaktivieren beide „Done“ und „Abbrechen“ klicken.

Es gibt jedoch keine Möglichkeit, nur die Schaltfläche "Fertig" zu deaktivieren. Wir müssen einen benutzerdefinierten "PickerFlyout" implementieren. Im Folgenden ist eine einfache benutzerdefinierte "PickerFlyout" basierend auf Flyout, können Sie sich darauf beziehen, um Ihre eigenen zu implementieren.

public class MyPickerFlyout : Flyout 
{ 
    private AppBar OriginalAppBar; 

    private CommandBar MyCommandBar; 

    private Page CurrentPage; 

    public MyPickerFlyout() 
    { 
     var cancelButton = new AppBarButton(); 
     cancelButton.Icon = new SymbolIcon(Symbol.Cancel); 
     cancelButton.Label = "Cancel"; 
     cancelButton.Click += (s, e) => 
     { 
      this.Hide(); 
     }; 

     MyCommandBar = new CommandBar(); 
     MyCommandBar.PrimaryCommands.Add(cancelButton); 

     this.Closed += MyPickerFlyout_Closed; 
     this.Opening += MyPickerFlyout_Opening; 
     this.Placement = Windows.UI.Xaml.Controls.Primitives.FlyoutPlacementMode.Full; 
    } 

    private void MyPickerFlyout_Opening(object sender, object e) 
    { 
     CurrentPage = (Windows.UI.Xaml.Window.Current.Content as Frame)?.Content as Page; 
     if (CurrentPage != null) 
     { 
      OriginalAppBar = CurrentPage.BottomAppBar; 

      CurrentPage.BottomAppBar = MyCommandBar; 
     } 
    } 

    private void MyPickerFlyout_Closed(object sender, object e) 
    { 
     if (CurrentPage != null) 
     { 
      CurrentPage.BottomAppBar = OriginalAppBar; 
     } 
    } 
} 

Dann können Sie es in XAML wie verwenden:

<Button Content="Show Picker"> 
    <Button.Flyout> 
     <local:MyPickerFlyout Closed="PickerFlyout_Closed"> 
      <TextBlock Margin="20" FontSize="30" Text="MyPickerFlyout Test" /> 
     </local:MyPickerFlyout> 
    </Button.Flyout> 
</Button> 

Und es sieht so aus: