Gui med MVVM struktur

Idé : At lave en MVVM applikation i Visual Studio (VS) med et master view og detailed view

Baggrund: Fortsættelse af opgave om basis mvvm
                   Note om grasp pattern, singleton-pattern i moodle

Opgave 1 : Lave En Delt viden mellem View's

Du skal lave en klasse 'SharedKnowledge' der er en singleton klasse.

Den skal implementere interfacet 'INotifyPropertyChanged'.

Den skal have en Property 'ValgteBil' af typen bil

Opgave 2 : Viewmodel

Du skal ændre i din viewmodel, så den har en readonly property af SharedKnowledge,
i stedet for ValgteBil (som skal fjernes)

Opgave 3 : View

Du skal nu tilpasse 'MainPage.xaml', så Listviewet binder til ValgteBil i SharedKwoledge i stedet for direkte.

Kør din applikation

Opgave 4 : Opret Et Nyt View

Du skal oprette endnu en folder / mappe i dit projekt

• view

I denne folder skal du oprette et nyt view fx. DetailedView.xaml (blank page)

I dette view skal du præsenterer alle detaljer for en valgt bil

dvs. binder til ValgteBil gennem sharedKnowledge.

Opgave 5 : Lav navigation mellem MainView og DetailedView

I MainPage.xaml skal tilføje en knap.

Åben projektet i programmet 'Blend'.

Under assets -> behaviours installer nuGet pakken og drag-drop navigateTo hen på din knap.

Under property for behaviour vælg at GoTo view skal være DetailedView,

I DetailedView lav en knap så du kan komme tilbage til MainPage.

Prøv dit program

Ekstra : Benyt billeder

I model klassen Bil tilføj at den kan have et billed (ImageSource)

I detailed view vis dette billed,