Wie binden Sie die Spiegelungsaktion für CarouselView mit mvvm?

Question

Ich folgte this Artikel und implementiert CarouselView in meiner Xamarin Forms App, aber ich kann nicht herausfinden, welches Ereignis oder Befehl zu binden, wenn es umgedreht wird. Ich möchte etwas Code ausführen, wenn es umgedreht wird. Ich kann das tun, indem ich Code hinter ItemSelected oder PositionSelected verwende, aber ich möchte das im ViewModel machen. Und wenn ich versuche, wie unten einen Befehl auf diesen 2 zu binden, wirft es eine Ausnahme zu sagen „Nein Eigentum von Namen gefunden PositionSelected“

XAML:

  <cv:CarouselView x:Name="list" Grid.Column="0" Grid.Row="1" 
    ItemsSource="{Binding Logs}" PositionSelected="{Binding OnPositionSelected}"> 
       <cv:CarouselView.ItemTemplate> 
    ... 

Ansichtsmodell:

private Command onPositionSelected; 

public Command OnPositionSelected 
{ 
    get { 
     return onPositionSelected; 
    } 
    set {    
     onPositionSelected = value; 
    } 
} 

und dies funktioniert problemlos

<cv:CarouselView PositionSelected="OnPositionSelected"> 
        <cv:CarouselView.ItemTemplate> 
     ... 

    private void OnPositionSelected(object sender, SelectedPositionChangedEventArgs e) 
     { 
      System.Diagnostics.Debug.WriteLine(e.SelectedPosition.ToString()); 
     } 

Answer 1

ich glaube nicht die PositionSelected Eigenschaft ist bi ndable und/oder nimmt eine Command. Sie müssen also entweder einen Event-Handler implementieren, der Ihre BindingContext ausgibt und die Command von dort aufrufen. Dies würde in etwa so aussehen:

private void OnPositionSelected(object sender, SelectedPositionChangedEventArgs e) 
{ 
    var param = e. SelectedPosition as string; 
    var command = ((FooViewModel)BindingContext).NavigateToSomething; 

    if (command.CanExecute(param)) 
    { 
     command.Execute(param); 
    } 
} 

Aber es scheint, Sie verwenden MVVM, so wäre es besser, Behaviors zu implementieren. Es gibt Xamarin.Forms Standardverhalten, aber ich finde die behaviors plugin von Corrado Cavalli ein bisschen einfacher zu implementieren. Mit diesen Verhalten können Sie Events in Commands (neben anderen Sachen)

Schalten Sie das NuGet-Paket und aktualisieren Sie Ihre XAML auf etwas wie diese.

<cv:CarouselView x:Name="list" Grid.Column="0" Grid.Row="1" 
    ItemsSource="{Binding Logs}"> 
    <b:Interaction.Behaviors> 
     <b:BehaviorCollection> 
      <b:EventToCommand EventName="PositionSelected" Command="{Binding OnPositionSelectedCommand}" /> 
     </b:BehaviorCollection> 
    </b:Interaction.Behaviors> 
... 
</cv:CarouselView> 

Vergessen Sie nicht, den Namespace in Ihrer Seite xmlns:b="clr-namespace:Xamarin.Behaviors;assembly=Xamarin.Behaviors"

Auch gibt es eine CommandParameter in der b:EventToCommand mit dem einfügen Sie einen Parameter zu Ihrem aufgerufen Befehl liefern kann.

Überprüfen Sie auch diese blogposts für weitere Informationen zu diesem Thema.