Disable ToolbarItem Xamarin.Forms

Question

Ich habe folgendes in meiner Seite:

<ContentPage.ToolbarItems> 
    <ToolbarItem Text="Run" Command="{Binding RunCommand}" /> 
</ContentPage.ToolbarItems> 

Der Befehl startet eine Asynchron-Aufgabe. Ich versuche, die Kontrolle, solange die Asynchron-Aufgabe noch zu deaktivieren ausgeführt wird, indem es auf eine boolesche Eigenschaft Bindung wie folgt:

<ContentPage.ToolbarItems> 
    <ToolbarItem Text="Run" Command="{Binding RunCommand}" IsEnabled="{Binding MyBoolProperty}" /> 
</ContentPage.ToolbarItems> 

Mein Problem ist, dass es kein „IsEnabled“ Eigenschaft zu sein scheint für ToolbarItem. Gibt es eine Möglichkeit zu erreichen, was ich mit Xamarin.Forms zu tun versuche?

Answer 1

Nach der Unterstützung von William und Xamarin konnte ich endlich herausfinden, wie die Funktionalität funktioniert.

Es ist ein wenig kontra intuitiv, wie wir erwarten, die Schaltfläche zu aktivieren/deaktivieren (ToolbarItem), aber wir müssen tatsächlich den Status des Befehls verwalten, der an die Schaltfläche gebunden ist. Sobald wir dieses Muster verstehen, macht es Sinn. Das Command-Objekt vom Typ ICommand hat eine CanExecute-Eigenschaft (danke, William, um es darauf hinzuweisen). Nun möchten Sie nicht direkt auf es zugreifen/es verwenden, es sei denn, es ist tatsächlich zu überprüfen, ob der Befehl ausgeführt werden kann nicht.

überall dort, wo Sie in Ihrem Code für richtig halten, um den Zustand des Befehls zu ändern, müssen Sie die folgende Zeile hinzufügen:

((Command)_myCommand).ChangeCanExecute(); 

Diese Linie wird die CanExecute Eigenschaft zwingt, wird für den angegebenen neu bewertet Befehl.

Ich persönlich entschied, es hinzuzufügen, wo ich die Inaktivität aufspüren, wie es in meiner Anwendung sinnvoll war.

public bool Inactive { 
    get { 
     return _inactive; 
    } 
    set { 
     if (_inactive != value) { 
      _inactive = value; 
      ((Command)_myCommand).ChangeCanExecute(); 
      OnPropertyChanged(); 
     } 
    } 
} 

In der Ansicht gibt es keine Veränderungen festgestellt werden:

<ToolbarItem Text="Run" Command="{Binding MyCommand}" /> 

Nun, wenn Sie das Command-Objekt erstellen ist, wo die große Arbeit wird getan werden. Wir verwenden normalerweise den Konstruktor für einzelne Argumente, wie es allgemein genug ist, und hier definieren wir, was unser Befehl tut. Interessanterweise gibt es auch einen Konstruktor mit zwei Parametern, in dem Sie die Funktion/Aktion angeben können, die den Wert der CanExecute-Eigenschaft bestimmt.

_myCommand = new Command (async() => { 
              Inactive = false; 
              await Run(); 
              Inactive = true; 
             }, 
            () => { 
              return Inactive; 
             }); 


public ICommand MyCommand { 
    get { 
     return _myCommand; 
    } 
} 

Edit: Ich weiß, dass technisch den Wert von Inaktiv zu ändern in Run() passieren soll, aber zu Demonstrationszwecken ...

Answer 2

Was ich gelernt habe, in diesen Situationen zu tun ist, wie folgt:

public Command RunCommand 
{ 
    get { return new Command(async() => await OnRunCommand()); } 
}  

private bool _isRunning; 

public async Task OnRunCommand() 
{ 
    if (_isRunning) return; 
    _isRunning = true; 

    // do stuff 

    _isRunning = false; 
} 

Der Nachteil: Das über die Toolbar in ihrem normalen Zustand verlässt und Benutzer können weiterhin darauf tippen.

Die nach oben: Dies wird keine gleichzeitige OnRunCommand Aufgaben, was gut ist.

Wenn Sie die Deaktivierung der Schaltfläche deaktivieren möchten, indem Sie ein deaktiviertes Bild anzeigen, sollten Sie einen Renderer erstellen.

Wenn das Werkzeugleistenelement während der Ausführung der Aufgabe nicht angezeigt werden soll, sollten Sie das Symbolleistenelement von der Seite entfernen und später erneut hinzufügen.

Answer 3

Dieses Beispiel zu entfernen, nicht deaktivieren, aber könnte auch nützlich sein, .

ToolbarItem delToolbar;  

    ... 

     delToolbar = new ToolbarItem 
     { 
      Order = ToolbarItemOrder.Primary,     
      Text = "delete",    
      Command = new Command(async() => 
      {          
       ToolbarItems.Remove(delToolbar); 
      }) 
     }; 
     ToolbarItems.Add(delToolbar);