Opi C#-ohjelmointi: yhteinen kehysoppiminen (1)——Opi ja ymmärrä WPF

Opi C#-ohjelmointi: yhteinen kehysoppiminen (1)——Opi ja ymmärrä WPF:n sovellus

2024-07-12

WPF:n (Windows Presentation Foundation) oppiminen yhdistettynä MVVM (Model-View-ViewModel) -malliin voi olla hieman haastavaa aloittelijoille, mutta tämä on erittäin tehokas yhdistelmä, jonka avulla voit rakentaa ylläpidettävän, skaalautuvan ja helposti testattavan sovelluksen. Seuraava on yksinkertaistettu ja helposti ymmärrettävä tapa esitellä WPF MVVM -mallin oppiminen.

1. Ymmärtää peruskäsitteet

WPF : WPF on Microsoftin kehys Windows-asiakassovellusten kehittämiseen. Se tarjoaa monipuolisia käyttöliittymäelementtejä ja tyylejä sekä tehokkaan tiedonsidonta- ja animaatiotuen.

MVVMMVVM on arkkitehtoninen malli, joka jakaa sovelluksen kolmeen pääosaan:

Malli: Edustaa dataa ja liiketoimintalogiikkaa.
Näytä: Käyttöliittymä tietojen näyttämiseen.
ViewModel: Toimii siltana mallin ja näkymän välillä ja vastaa käyttöliittymälogiikan ja liiketoimintalogiikan erottamisesta.

2. Miksi valita MVVM?

irrottaminen: Malli, View ja ViewModel ovat erittäin erillisiä, mikä tekee koodin ylläpidosta ja testaamisesta helpompaa.
uudelleenkäytettävyyttä: ViewModel-mallia voidaan käyttää uudelleen Viewsta riippumatta.
Helppo testata: Koska ViewModel ei sisällä käyttöliittymään liittyvää koodia, sitä voidaan testata käyttöliittymästä riippumatta.

3. Oppimisvaiheet

3.1 Rakenna perusympäristö

Asenna Visual Studio ja valitse WPF:ää tukeva projektimalli.
Luo uusi WPF-projekti.

3.2 Ymmärtää ja toteuttaa malli

Luo yksinkertainen malliluokka, kuten aPersonluokka, joka sisältää attribuutteja, kutenNamejaAge。


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

3.3 Luo ViewModel
ViewModel sisältää yleensä viittauksen malliin sekä ominaisuuksia ja komentoja käyttöliittymätoimintoja varten.

käyttääINotifyPropertyChangedKäyttöliittymä käyttöliittymän ominaisuuksien muutoksista ilmoittamiseen.


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 Sido näkymä ViewModeliin

Käytä XAML:ssaDataContext Liitä View ViewModeliin. Käytä tietojen sidontaa näyttääksesi tiedot ViewModelista.


<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>

Aseta koodin taakseDataContext：


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

3.5 Oppiminen ja harjoittelu

Yritä ottaa käyttöön monimutkaisempi ViewModel-logiikka, kuten tietojen validointi, komentojen käsittely jne.
Opi käyttämään MVVM-kehyksiä (kuten Prism, Caliburn.Micro jne.) kehitysprosessin yksinkertaistamiseksi.
Katso opetusohjelmia, lue asiakirjoja ja koodiesimerkkejä syventääksesi ymmärrystäsi.

4. Yhteenveto

WPF MVVM -mallin oppiminen vie aikaa ja harjoittelua. Se voi aluksi tuntua monimutkaiselta, mutta kun ymmärrät näitä käsitteitä syvemmälle, pystyt rakentamaan laadukkaita WPF-sovelluksia tehokkaammin. Muista päästä käytännönläheisesti ja lujittaa osaamistasi oikeissa projekteissa.

Teknologian jakaminen