C#-Programmierung lernen: Gemeinsames Framework-Lernen (1) – Lernen und verstehen Sie die Anwendung von WPF

C#-Programmierung lernen: Common Framework Learning (1) – Lernen und verstehen Sie die Anwendung von WPF

2024-07-12

Das Erlernen von WPF (Windows Presentation Foundation) in Kombination mit dem MVVM-Muster (Model-View-ViewModel) kann für Anfänger eine kleine Herausforderung sein, aber es ist eine sehr leistungsstarke Kombination, die Ihnen beim Erstellen wartbarer, skalierbarer und einfach zu testender Apps helfen kann. Im Folgenden finden Sie eine vereinfachte und leicht verständliche Einführung in das Erlernen des WPF-MVVM-Musters.

1. Grundlegende Konzepte verstehen

WPF : WPF ist ein Microsoft-Framework zum Entwickeln von Windows-Clientanwendungen. Es bietet umfangreiche UI-Elemente und -Stile sowie leistungsstarke Datenbindungs- und Animationsunterstützung.

MVVM: MVVM ist ein Architekturmuster, das eine Anwendung in drei Hauptteile unterteilt:

Modell: Stellt Daten und Geschäftslogik dar.
Sicht: Benutzeroberfläche zur Anzeige von Daten.
Ansichtsmodell: Fungiert als Brücke zwischen Modell und Ansicht und ist für die Trennung von UI-Logik und Geschäftslogik verantwortlich.

2. Warum MVVM wählen?

Entkopplung: Model, View und ViewModel sind stark entkoppelt, wodurch der Code einfacher zu warten und zu testen ist.
Wiederverwendbarkeit: ViewModel kann unabhängig von View wiederverwendet werden.
Einfach zu testen: Da ViewModel keinen UI-bezogenen Code enthält, kann es unabhängig von der UI getestet werden.

3. Lernschritte

3.1 Erstellen Sie die Basisumgebung

Installieren Sie Visual Studio und wählen Sie eine Projektvorlage aus, die WPF unterstützt.
Erstellen Sie ein neues WPF-Projekt.

3.2 Modell verstehen und umsetzen

Erstellen Sie eine einfache Model-Klasse, z. B. einePersonKlasse, die Attribute wie enthältNameUndAge。


public class Person  
{  
    public string Name { get; set; }  
    public int Age { get; set; }  
}

3.3 ViewModel erstellen
ViewModel enthält normalerweise einen Verweis auf das Modell sowie Eigenschaften und Befehle für UI-Operationen.

verwendenINotifyPropertyChangedSchnittstelle zur Benachrichtigung über Änderungen der UI-Eigenschaften.


using System.ComponentModel;  
  
public class PersonViewModel : INotifyPropertyChanged  
{  
    private Person _person;  
  
    public event PropertyChangedEventHandler PropertyChanged;  
  
    public string Name  
    {  
        get { return _person.Name; }  
        set  
        {  
            _person.Name = value;  
            OnPropertyChanged(nameof(Name));  
        }  
    }  
  
    // 实现INotifyPropertyChanged接口  
    protected virtual void OnPropertyChanged(string propertyName)  
    {  
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));  
    }  
  
    // 构造函数等  
}

3.4 Ansicht an ViewModel binden

Verwendung in XAMLDataContext Verknüpfen Sie die Ansicht mit ViewModel. Verwenden Sie die Datenbindung, um Daten aus ViewModel anzuzeigen.


<Window x:Class="YourNamespace.MainWindow"  
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
        Title="MainWindow" Height="350" Width="525">  
    <Grid>  
        <TextBox Text="{Binding Name, UpdateSourceTrigger=PropertyChanged}" />  
    </Grid>  
</Window>

In Code-Behind eingestelltDataContext：


public MainWindow()  
{  
    InitializeComponent();  
    this.DataContext = new PersonViewModel();  
}

3.5 Lernen und Üben

Versuchen Sie, eine komplexere ViewModel-Logik zu implementieren, z. B. Datenvalidierung, Befehlsverarbeitung usw.
Erfahren Sie, wie Sie MVVM-Frameworks (wie Prism, Caliburn.Micro usw.) verwenden, um den Entwicklungsprozess zu vereinfachen.
Sehen Sie sich Tutorials an, lesen Sie Dokumentationen und Codebeispiele, um Ihr Verständnis zu vertiefen.

4. Zusammenfassung

Das Erlernen des WPF-MVVM-Musters erfordert Zeit und Übung. Es mag auf den ersten Blick kompliziert erscheinen, aber wenn Sie ein tieferes Verständnis dieser Konzepte erlangen, werden Sie in der Lage sein, hochwertige WPF-Anwendungen effizienter zu erstellen. Denken Sie daran, mehr zu üben und Ihr Wissen durch reale Projekte zu festigen.

Technologieaustausch