Rezumat: Laboratorul va fi dat sarcina la exercitarea independentă a acestei lecții pe partea teoretică a prelegeri 8 și 9, și este considerat un exemplu de construire a unui proiect WPF implementat cu utilizarea „ușoare“, a toolkit'a MVVM. La decizia unei opere independente se bazează pe prelegeri 8 și 9 materiale.
Scopul lucrării de laborator: pentru a arăta punerea în aplicare a modelului Model-View-ViewModel bazat pe unul dintre seturile existente MVVM set de instrumente „s. Da o idee despre modul în care o variantă de realizare a modelului MVVM este mai adecvat într-o situație dată. cunoștințele securizate obținute în prelegeri 8 și 9.
Sarcini pentru exercitarea independentă
- Utilizarea creat în laboratorul de control №1 utilizator, care vă permite să setați intervalul de timp pentru a dezvolta o aplicație (pusă în aplicare pe baza modelului MVVM) vă permite să programați rutina de azi. La elaborarea unei aplicații poate utiliza orice toolkit'a MVVM.
- Utilizarea creat în laboratorul de control al utilizatorului, care permite conversia monedei, pentru a dezvolta o aplicație (pusă în aplicare pe baza MVVM model), care permite utilizatorului să se conecteze tranzacțiile în numerar. La elaborarea unei aplicații poate utiliza orice toolkit'a MVVM.
Elementul educațional. model MVVM de punere în aplicare înseamnă Model-View-ViewModel Toolkit 0.1
De fapt, MVVM - este doar un model. și aplicarea acesteia nu necesită nici un set de instrumente. Toate Toolkit - este doar ajutoare, ceea ce face viața mai ușoară prin eliminarea rutina. Conform Wikipedia, există acum mai mult de 14 diferite MVVM set de instrumente „s.
Prelegerea №13 destul de detaliu a fost considerat modelul MVVM, deci utilizați descrierea MVVM setul de instrumente „și în următoarele elemente de formare vor fi extrem de scurtă și sumare.
Cele mai multe MVVM Toolkit „s includ un șablon pentru Visual Studio și (sau) Expression Blend:
Fig. 14.1. MVVM toolkit'a model pentru Expression Blend
Dacă vom pune în aplicare modelul MVVM prin intermediul Model-View-ViewModel Toolkit 0.1, atunci acest set de instrumente creează imediat următoarea structură dosar în proiect:
Fig. 14.2. Structura de fișiere într-un proiect creat folosind MVVM toolkit'a
Etapa 1. Declarația problemei
Ia-o anumită sarcină Canonicitatea. De exemplu, afișează o listă de cărți sală de lectură. Cartea este:
Să mergem la cititori, și de fiecare acum și apoi să ia o carte pentru a verifica sau de a le întoarce înapoi. Este necesar, în orice moment să știe cât de multe exemplare ale unei cărți, am plecat, iar dacă o putem da.
Etapa 2. Modelul
În această problemă, modelul va consta dintr-o clasă simplă: Book.cs
Etapa 3. ViewModel
Scriem ViewModel pentru modelul nostru: Book.cs
BookViewModel moștenit de la clasa ViewModelBase, care ne oferă MVVM Toolkit. ViewModelBase la rândul său, implementează interfața INotifyPropertyChanged și conține funcția OnPropertyChanged. Toate acestea sunt necesare pentru a se asigura că puteți apela întotdeauna evenimentul „este schimbat, atunci câmpul“. După cum puteți vedea în codul, cu orice schimbare în domeniu, noi numim un astfel de eveniment și a trecut ca un nume de parametru. Apoi, pe formularul de legare se poate ocupa acest eveniment și, ca urmare, interfața și ViewModel va fi întotdeauna sincronizate unul cu celălalt.
În plus, BookViewModel avem o altă clasă MainViewModel deja generate, chiar și link-uri către o formă. Adăugați un câmp:
Pasul 4. Vizualizare
Aceasta este fereastra noastră, un control al utilizatorului. Orice FrameworkElement-dar există un DataContext câmp. DataContext poate fi orice obiect, au tot felul de domenii, și principala sa sarcină - să fie o sursă de date pentru Databinding-o. Forma avem doar una, DataContext este completat metoda OnStartup pentru ea că App.xaml.cs. Bit modifica ceea ce ne-a făcut MVVM Toolkit, pentru a primi următoarele: App.xaml.cs
Rămâne să scrie forma XAML-cod. MainView.xaml
Notă structura de legare în formă de marcare. Astfel, este posibil de a lega obiectul câmp în DataContext-e, atributele controalelor. Noi nu am scris o singură linie de cod, dar cu toate acestea, vom obține atunci când rulează următoarele:
Fig. 14.3. Rezultatul proiectului a fost creat folosind MVVM toolkit'a