Liaison de bouton WPF : comment lier un bouton à une commande ViewModelBase ?

Résoudre le problème de liaison de la commande ViewModelBase dans WPF

Dans WPF, lier des boutons à des commandes définies dans la classe de base (ViewModelBase) peut être un défi. Voici les étapes pour résoudre ce problème :

1. Établir le contexte des données

Dans une vue (par exemple, AttributeView), définissez la propriété DataContext sur une instance de la classe ViewModelBase. Cela établit un contexte de liaison de données entre la vue et ViewModelBase.

2. Lier à l'attribut de commande

Utilisez l'extension de balise Binding pour lier la propriété Command du bouton à la propriété de commande souhaitée dans ViewModelBase. Par exemple :

<code class="language-xml"><Button Command="{Binding DataInitialization}" /></code>

3. Définir les attributs de la commande dans ViewModelBase

Dans la classe ViewModelBase, définissez la propriété DataInitialization comme instance de l'interface ICommand :

<code class="language-csharp">public ICommand DataInitialization { get; protected set; }</code>

4. Attributs de la commande d'initialisation

Au démarrage de l'application ou lorsque cela est nécessaire, créez une instance de la commande DataInitialization et attribuez-la à la propriété DataInitialization. Par exemple :

<code class="language-csharp">DataInitialization = new DataInitializationCommand();</code>

5. Créez une classe de commandes personnalisée

Créez une classe de commande personnalisée qui implémente l'interface ICommand. Cette classe gérera l'exécution de la commande et la logique CanExecute.

6. Gestion de l'exécution et CanExecute

Dans la classe de commande personnalisée, remplacez les méthodes Execute et CanExecute pour implémenter la logique requise par la commande.

Exemple de code :

Affichage (XAML) : (Exemple d'extrait de code XAML, l'extrait de code d'origine est incomplet et ne peut pas être utilisé directement)

<code class="language-xml"><Button Content="Initialize Data" Command="{Binding DataInitialization}" /></code>

ViewModel :

<code class="language-csharp">public class ViewModelBase : INotifyPropertyChanged // 需要实现INotifyPropertyChanged接口
{
    private ICommand _dataInitializationCommand;

    public ICommand DataInitialization
    {
        get { return _dataInitializationCommand ?? (_dataInitializationCommand = new RelayCommand(DataInitializationAction, CanDataInitialization)); }
    }

    private bool CanDataInitialization(object parameter)
    {
        //  添加你的CanExecute逻辑
        return true; 
    }

    private void DataInitializationAction(object parameter)
    {
        //  添加你的Execute逻辑
    }

    // ... INotifyPropertyChanged 实现 ...
}</code>

RelayCommand (classe de commande personnalisée) :

<code class="language-csharp">public class RelayCommand : ICommand
{
    private readonly Action<object> _execute;
    private readonly Predicate<object> _canExecute;

    public RelayCommand(Action<object> execute, Predicate<object> canExecute = null)
    {
        _execute = execute;
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter) => _canExecute == null || _canExecute(parameter);

    public event EventHandler CanExecuteChanged
    {
        add { CommandManager.RequerySuggested += value; }
        remove { CommandManager.RequerySuggested -= value; }
    }

    public void Execute(object parameter) => _execute(parameter);
}</code>

En suivant ces étapes, vous pouvez réussir à lier des boutons dans WPF aux commandes définies dans la classe ViewModelBase. Notez que l'exemple de code complète l'implémentation d'interface INotifyPropertyChanged manquante par une implémentation RelayCommand plus couramment utilisée, la rendant plus complète et exécutable. Veuillez adapter le code à vos besoins spécifiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!