Feedback

C# - Model View ViewModel (MVVM) - Pattern

Veröffentlicht von am 2/27/2014
(0 Bewertungen)
Ein MVVM einzurichten ist ganz einfach. Hier eine Schritt-für-Schritt Anleitung.

1. Schritt
Erstelle eine neue Klasse (public class ...) und lasse sie von INotifyPropertyChanged erben.
public class MainViewModel : INotifyPropertyChanged{...}



2. Schritt
Implementiere die vom Interface notwendigen Methoden.
public event PropertyChangedEventHandler PropertyChanged;

protected void OnPropertyChanged(string info)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null)
{
handler(this, new PropertyChangedEventArgs(info));
}
}


3. Schritt
Füge in der deinem MainWindow den DataContext dem ViewModel hinzu.
public MainWindow()
{
InitializeComponent();
ViewModel = new MainViewModel();
}

public MainViewModel ViewModel
{
get { return this.DataContext as MainViewModel; }
set { this.DataContext = value; }
}


4. Schritt
Nun kannst du im XAML die Eigenschaften von Controls an dein ViewModel binden. Hier ein kleines Beispiel :
<TextBox Text="{Binding Text1, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>

Der Text der TextBox wird an Text1 gebunden. Jedesmal, wenn sich dieser Wert ändert, wird auch das ViewModel benachrichtigt und übernimmt diesen Wert, beidseitig.
Im ViewModel sieht diese Property wie folgt aus :
private string _text1;
public string Text1
{
get { return _text1; }
set { _text1 = value; OnPropertyChanged("Text1"); }
}
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace WpfApplication74
{
    public class MainViewModel : INotifyPropertyChanged
    {

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string info)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if (handler != null)
            {
                handler(this, new PropertyChangedEventArgs(info));
            }
        }

        public MainViewModel()
        { }


        private string _text1;
        public string Text1
        { 
            get { return _text1; }
            set { _text1 = value; OnPropertyChanged("Text1"); }
        }
    }
}
Abgelegt unter MVVM, model, view, viewmodel, pattern.

Kommentare zum Snippet

 

Logge dich ein, um hier zu kommentieren!