Una breve introduzione allo sviluppo di interfacce utenti con codice dichiarativo XAML (eXtended Application Markup Language)

1. XAML
cosa come perché
//Publish/

2. Speaker
Nicolò Carandini
MVP Visual C#
n.carandini@tpcware.com
Twitter: @TPCWare
blogs.ugidotnet.org/Nick60

3. Agenda
• Interfaccia utente
• Scatole cinesi e alberi visuali
• Programmazione dichiarativa
• ContentPropertyAttribute
• Assegnazione di valori complessi agli attributi
• Conversione implicita dei valori degli attributi
• Eredità OOP ed eredità visuale
• Codice "tradizionale" e codice XAML
• Link utili

4. Interfaccia utente

5. Scatole cinesi e alberi visualiPage
Grid
StackPanel
TextBlock
TextBlock
Image
TextBlock
StackPanel
TextBlock TextBlock
Page
Grid
StackPanel
TextBlock
TextBlock
Image
TextBlock
StackPanel
TextBlock
TextBlock

6. Programmazione dichiarativa
• XAML deriva da XML e per tale motivo è sintatticamente
molto adatto a descrivere strutture gerarchiche padre-figli.
• In XAML si dichiarano le relazioni di parentela (contenitore-
contenuto/i) e il valore degli attributi.
• Ogni elemento XAML corrisponde alla dichiarazione di una
istanza della classe corrispondente.
• Gli attributi XAML corrispondono alle proprietà e agli eventi di
tali classi.
• Il framework si incarica di effettuare il rendering di ciascun
elemento e di inoltrare gli eventi prodotti dalla UI al codice
associato.

7. Esempio
• Nota Bene: non c’è alcuna informazione relativa al posizionamento
sullo schermo dei vari elementi, che viene calcolata dal Layout
System a partire dalle proprietà dei singoli elementi e dalla loro
relazione di parentela.

8. ContentPropertyAttribute

9. Assegnazione di valori complessi agli attributi
• Quando non è possibile assegnare il valore di un attributo mediante
una stringa, allora occorre utilizzare la sintassi estesa:

10. Conversione implicita dei valori degli attributi
• XAML è in grado di convertire alcuni valori testuali nei corrispondenti
tipi.

11. Eredità object-oriented Vs. eredità visuale

12. Codice "tradizionale" e codice XAML
XAML è solo uno dei possibili modi di rappresentare il grafo di oggetti
che implementano la UI, volendo possiamo farlo via codice:

13. Link utili
• Il fattore X
http://www.domusdotnet.org/articoli/introduzione-a-xaml.aspx
• XAML Layout System
http://www.domusdotnet.org/articoli/xaml-layout-system.aspx
• XAML Transformations
http://www.domusdotnet.org/articoli/xaml-transformations.aspx