Comment utiliser RelayCommand avec le framework MVVM Light

J'ai juste commencé à apprendre le framework MVVM Light et je ne trouve pas de simples exemples sur la façon d'utiliser un RelayCommand. Pour les fins de l'apprentissage, j'aimerais juste avoir un bouton de mon point de vue, qui lorsqu'il est cliqué afficher un hello world mondiale de la boîte de message, et qui est activé sur tous les même minute (en gros si DateTime.Maintenant.Minute % 2 == 0).

Comment le bouton XAML regarder, et comment le RelayCommand HelloWorld être défini dans le ViewModel?

Merci pour votre aide!!

InformationsquelleAutor Evan | 2011-07-19
  1. 42

    RelayCommands'objectif est de mettre en œuvre la ICommand interface que les contrôles de Bouton de besoins et de se contenter de passer les appels sur une autre fonction qui généralement se trouve juste à côté d'eux dans le ViewModel.

    Ainsi, par exemple, vous avez un ViewModel classe comme:

    class HelloWorldViewModel : ViewModelBase
{
    public RelayCommand DisplayMessageCommand { get; private set; }

    private DispatchTimer _timer;

    public HelloWorldViewModel()
    {
        this.DisplayMessageCommand = new RelayCommand(this.DisplayMessage, CanDisplayMessage);

        //Create a timer to go off once a minute to call RaiseCanExecuteChanged
        _timer = new DispatchTimer();
        _timer = dispatcherTimer.Tick += OnTimerTick;
        _timer.Interval = new Timespan(0, 1, 0);
        _timer.Start();
    }

    private void OnTimerTick(object sender, EventArgs e)
    {
        this.DisplayMessageCommand.RaiseCanExecuteChanged();
    }

    public bool CanDisplayMessage()
    {
        return DateTime.Now.Minute % 2 == 0;
    }

    public void DisplayMessage()
    {
        //TODO: Do code here to display your message to the user
    }
}

    Dans votre contrôle vous avez la DataContext définis soit dans le code sous-jacent ou, dans le XAML, directement par le biais d'un DataContext={StaticResource ...}

    Votre bouton doit alors se lier à la commande dans le ViewModel comme

    <Button Content='Push me' Command='{Binding DisplayMessageCommand}' />

    Lorsque le Bouton est cliqué, il utilise le DisplayMessageCommand et les appels Execute() sur cet objet qui RelayCommand juste vers la DisplayMessage méthode.

    La DispatchTimer s'éteint une fois que une minute et les appels RaiseCanExecuteChanged(). Cela permet au bouton qui est lié à la commande de re-vérifier si la commande est toujours valide ou pas. Sinon, vous pouvez cliquez sur le bouton pour que la commande n'est pas disponible actuellement.

    • Super! Merci pour la compensation que pour moi!
    • Juste par curiosité, est-il un moyen de lier la commande CanDisplayMessage() de la propriété IsEnabled?
    • si vous voulez dire la propriété IsEnabled du Bouton? Ceci est fait automatiquement si vous réglez la Commande de l'objet sur le Bouton
    • En plus de la très complet exemple ici, notez les points suivants: - Vous pouvez utiliser des expressions lambda comme délégués au cas où vous ne voulez pas le nom de vos méthodes Execute et CanExecute. - En plus de la Commande de propriété sur tous les ButtonBase contrôles (Bouton, bouton radio, Case à cocher, etc), vous pouvez également utiliser le EventToCommand comportement (disponible en MVVM Light "extras") pour lier tout cas à une commande.
    • merci de remarquer EventToCommand, c'est bon à savoir!
    • Permettez-moi de corriger cela pour vous ... public ICommand DisplayMessageCommand { get; private set; }

    InformationsquelleAutor MerickOWA
  2. 5

    Ou avec lambda

        private RelayCommand<anyobject> _AddCmd;
    public ICommand AddPoint
    {
        get
        {
            return _AddCmd ??
                (
                _AddCmd = new RelayCommand
                    (
                        (obj) =>
                        {
                            ViewModelWF.ZeroPoints.Add(new WM.Point(0, 0));
                        }
                    )
                );
        }
    }

    private RelayCommand _DeleteCmd;
    public ICommand DeletePoint
    {
        get
        {
            return _DeleteCmd ??
                (
                _DeleteCmd = new RelayCommand
                    (
                        () =>
                        {
                            int idx = wpfZeroPoints.SelectedIndex;
                        },
                        () =>
                        {
                            return wpfZeroPoints.SelectedIndex <= 0;
                        }
                    )
                );
        }
    }
    InformationsquelleAutor Søren Gullach