Xamarin Forms ListView ItemTapped / ItemSelected Liaison de commandes sur XAML

Comment puis-je lier un ICommand objet de mon ViewModel (actuellement en BindingContext) à la ItemTapped ou ItemSelected dans une ListView en XAML?

C'est une tâche simple lors de l'utilisation d'un Bouton, j'ai juste mis de Commande="MyViewModelCommand" et tout fonctionne.

source d'informationauteur MarcioGomes | 2014-07-17

binding c#mvvm xamarin

19

Je ne suis pas sûr de savoir pourquoi vous avez besoin de donner de l'Élément Sélectionné ou d'un Élément Taraudé événement dans votre page quand vous pouvez obtenir directement choisis /taraudés objet directement dans votre ViewModel:

Je pense que vous avez lier la liste ci-dessous les types de code
```
<ListView ItemsSource="{Binding PermitDetails}" 
SelectedItem="{Binding objItemSelected, Mode=TwoWay}" x:Name="lst" 
RowHeight="35" HorizontalOptions="FillAndExpand" 
VerticalOptions="Fill">
```
Et dans la Vue Modèle qui vous avez lier avec la page, vous devez définir la propriété objItemSelected comme indiqué dans le code ci-dessous
```
private Permit _ItemSelected;
public Permit objItemSelected {
    get {
        return _ItemSelected;
    }
    set {
        if (_ItemSelected != value) {
            _ItemSelected = value;
            OnPropertyChanged ("ItemSelected");
        }
    }
}
```
Et si vous souhaitez effectuer une quelconque des fonctionnalités supplémentaires, comme la navigation vers la page de détail, vous pouvez le faire à partir de l'ensemble de la propriété après OnPropertyChanged instruction est exécutée.

Espérons que cette aide!

Mon scénario est d'un clavier et d'images sont les touches et lorsque l'on clique sur le personnage est montré dans un label.

Donc..

Permet de dire que vous avez le suivre de contrôle(clé 1):

<Image  x:Name="imgKey1"
        Source="key1.png"
        Aspect="AspectFit" />

Et que vous voulez quand l'image est utilisé pour déclencher une commande de vous "viewModel" objet.
Mon "viewModel" a la suite:

public ICommand AddCharCommand { protected set; get; }

où, dans ma classe(modèle de vue) constructeur j'ai:

  this.AddCharCommand = new Command<string>((key) =>
            {
                //Add the key to the input string.
                this.InputString += key;
            });

"InputString" est une propriété de chaîne...

Donc pour la liaison de la vue et de la mode,l je suis en train de faire le suivi:

  imgKey1.GestureRecognizers.Add(new TapGestureRecognizer
        {
            Command = viewModel.AddCharCommand,
            CommandParameter = "1",
        });

J'espère que je vous aide, si quelqu'un a besoin de quelque chose et que je peux aider, je suis là...et là.
JJ

EN XAML 17-11-14

      <Image  Source="n1normal.png"
              Aspect="AspectFit" >
        <Image.GestureRecognizers>
          <TapGestureRecognizer
            Command="{Binding AddCharCommand}"
            CommandParameter ="1"/>
        </Image.GestureRecognizers>
      </Image>

//-OR-

        <Image Source="magnifyglass.png"
               Aspect="AspectFit"
               HorizontalOptions="End">
          <Image.GestureRecognizers>
            <TapGestureRecognizer Tapped="Search"/>
          </Image.GestureRecognizers>  
        </Image>

//And for the Search create in your ViewModel

 private void Search(object sender, EventArgs e)
 {
      //Your code here
 }

J'ai utilisé pour prendre l'approche de la liaison de l'élément sélectionné dans la vue modèle, mais qui tend à s'élever de la difficulté à filtrer les changements programmatiques versus action de l'utilisateur. Mon favori personnel est une propriété attachée.

public static readonly BindableProperty ListItemTappedCommandProperty = BindableProperty.CreateAttached<AttachedProperties, ICommand>(
    staticgetter: o => (ICommand) o.GetValue(ListItemTappedCommandProperty), 
    defaultValue: default(ICommand),
    propertyChanged: (o, old, @new) =>
    {
        var lv = o as ListView;
        if (lv == null) return;

        lv.ItemTapped -= ListView_ItemTapped;
        lv.ItemTapped += ListView_ItemTapped;
    });

private static void ListView_ItemTapped(object sender, object item)
{
    var lv = sender as ListView;

    var command = (ICommand) lv?.GetValue(ListItemTappedCommandProperty);
    if (command == null) return;

    if (command.CanExecute(item))
        command.Execute(item);
}

...et ensuite sur une ListView avec:

controls:AttachedProperties.ListItemTappedCommand="{Binding ItemSelectedCommand}"

Il est possible que cela pourrait même être étendue pour prendre le nom de l'événement et de les appliquer de manière plus générale, mais c'est un exercice pour une autre fois.

0

Pourquoi ne pas lier le selectedItem attribut de votre listview à un viewModel de la propriété (disons un "selectedItem" la propriété); puis, dans le setter de la "selectedItem" la propriété dans votre viewModel vous exécuter votre commande.

Regarde le commentaire de Michael Rumpler dans la section commentaire de cette l'article

Vous devez vous connecter pour publier un commentaire.