Architettura WPF

Articolo
09/12/2008

Aggiornamento: novembre 2007

In questo argomento viene fornita una presentazione guidata della gerarchia di classi di Windows Presentation Foundation (WPF). Viene trattata la maggior parte dei sottosistemi principali di WPF e ne vengono descritte le modalità di interazione. Vengono inoltre forniti i dettagli relativi ad alcune scelte effettuate dai progettisti di WPF.

Nel presente argomento sono contenute le seguenti sezioni.

System.Object
System.Threading.DispatcherObject
System.Windows.DependencyObject
System.Windows.Media.Visual
System.Windows.UIElement
System.Windows.FrameworkElement
System.Windows.Controls.Control
Riepilogo
Argomenti correlati

System.Object

Il principale modello di programmazione di WPF viene esposto tramite codice gestito. Nella fase iniziale della progettazione di WPF ci sono stati diversi dibattiti relativi al punto in cui tracciare una linea tra i componenti gestiti del sistema e quelli non gestiti. CLR fornisce numerose funzionalità che consentono uno sviluppo più produttivo e potente (incluso la gestione della memoria, la gestione degli errori, Common Type System e così via) ma che presentano anche alcuni svantaggi.

Nella figura riportata di seguito vengono illustrati i componenti principali di WPF. Le sezioni in rosso del diagramma (PresentationFramework, PresentationCore e milcore) sono le parti di codice principali di WPF. Di queste, solo milcore è un componente non gestito. Milcore è scritto in codice non gestito per consentire una stretta integrazione con DirectX. In WPF tutto viene visualizzato tramite il motore DirectX consentendo un rendering efficiente dell'hardware e del software. WPF ha richiesto anche un controllo dettagliato sulla memoria e sull'esecuzione. Il motore di composizione di milcore è estremamente sensibile alle prestazioni e ha richiesto la rinuncia a molti vantaggi di CLR per migliorarne il livello.

Posizione di WPF in .NET Framework

La comunicazione tra le parti gestite e quelle non gestite di WPF viene discussa più avanti in questo argomento. Il resto del modello di programmazione gestito viene descritto di seguito.

System.Threading.DispatcherObject

La maggior parte degli oggetti di WPF deriva da DispatcherObject che fornisce i costrutti di base per la gestione della concorrenza e del threading. WPF si basa su un sistema di messaggistica implementato dal dispatcher. Funziona in modo molto simile al noto message pump di Win32; infatti, il dispatcher WPF utilizza i messaggi User32 per l'esecuzione di chiamate cross-thread.

Quando si discute di concorrenza in WPF, i due concetti fondamentali da comprendere sono il dispatcher e l'affinità di thread.

Durante la fase di progettazione di WPF, l'obiettivo era di passare a un singolo thread di esecuzione ma con un modello ottimizzato per l'affinità in assenza di altri thread. L'affinità di thread si verifica quando un componente utilizza l'identità del thread in esecuzione per archiviare un tipo di stato. Nella forma più comune, per archiviare lo stato viene utilizzata l'archiviazione locale di thread (TLS). L'affinità di thread richiede che ciascun thread di esecuzione logico appartenga a un solo thread fisico del sistema operativo, che può richiedere un elevato consumo di memoria. Alla fine, il modello di threading di WPF è stato tenuto in sincronia con il modello di threading User32 esistente dell'esecuzione a thread singolo con affinità di thread. Il motivo principale di questa decisione è stato l'interoperabilità: sistemi quali OLE 2.0, Appunti e Internet Explorer richiedono tutti l'esecuzione di affinità di thread singolo (STA).

Disponendo di oggetti con threading STA, è necessaria una modalità di comunicazione tra thread e di conferma di utilizzo del thread corretto. Qui si colloca il ruolo del dispatcher. Il dispatcher è un sistema di base di invio di messaggi con più code in ordine di priorità. Gli esempi di messaggi includono le notifiche di input non elaborato (spostamenti del mouse), le funzionalità del framework (layout) o i comandi utente (esecuzione di metodi). Derivandolo da DispatcherObject, è possibile creare un oggetto CLR, con comportamento STA e dotato di un puntatore verso un dispatcher al momento della creazione.

System.Windows.DependencyObject

Una delle filosofie di base relative all'architettura utilizzata nella compilazione di WPF è stata quella di preferire le proprietà ai metodi o agli eventi. Le proprietà sono dichiarative e consentono di specificare più facilmente lo scopo anziché l'azione. In tal modo veniva anche supportato un sistema basato sui modelli o sui dati per la visualizzazione di contenuti interfaccia utente. Lo scopo di tale approccio era di creare un maggior numero di proprietà con cui stabilire l'associazione per poter controllare meglio il comportamento di un'applicazione.

Perché una parte maggiore del sistema fosse basata sulle proprietà, era necessario disporre di un sistema di proprietà più ricco di quello fornito da CLR. Un semplice esempio è rappresentato dalle notifiche di modifica. Per attivare l'associazione bidirezionale è necessario che entrambi i lati supportino la notifica di modifica. Per associare il comportamento a valori di proprietà, è necessario essere notificati quando tale valore viene modificato. Microsoft .NET Framework dispone di un'interfaccia opzionale, INotifyPropertyChange, che consente a un oggetto di pubblicare le notifiche di modifica.

WPF fornisce un sistema di proprietà più ricco, derivato dal tipo DependencyObject. Il sistema di proprietà è effettivamente un sistema di proprietà delle "dipendenze" nel senso che tiene traccia delle dipendenze tra espressioni di proprietà e riconvalida automaticamente i valori delle proprietà quando tali dipendenze vengono modificate. Ad esempio, nel caso di una proprietà che eredita (come FontSize), il sistema viene automaticamente aggiornato se la proprietà viene modificata sul padre di un elemento che eredita il valore.

Il concetto di espressione di proprietà è alla base del sistema di proprietà di WPF. In questa prima versione di WPF, il sistema delle espressioni di proprietà è chiuso e tutte le espressioni vengono fornite come parte del framework. Le espressioni rappresentano il motivo per cui il sistema di proprietà non dispone di associazione dati, stili o ereditarietà hardcoded forniti invece dai livelli successivi all'interno del framework.

Il sistema di proprietà, inoltre, presenta possibilità limitate di archiviazione per i valori di proprietà. Poiché gli oggetti hanno decine, se non centinaia, di proprietà e la maggior parte dei valori si trova nel relativo stato predefinito (ereditato, impostato per stile e così via), non tutte le istanze di un oggetto devono avere il peso di ciascuna proprietà in esso definita.

La nuova funzionalità finale del sistema di proprietà è la nozione di proprietà associate. Gli elementi di WPF vengono compilati in base al principio di composizione e riutilizzo del componente. Spesso avviene che qualche elemento contenitore (ad esempio, un elemento di layout Grid) abbia bisogno di dati aggiuntivi sugli elementi figlio per controllarne il comportamento (ad esempio, le informazioni relative a righe e colonne). Anziché associare tutte queste proprietà a ciascun elemento, un oggetto può fornire le definizioni delle proprietà per qualsiasi altro oggetto, come avviene per le funzionalità "expando" di JavaScript.

System.Windows.Media.Visual

Dopo avere definito un sistema, il passaggio successivo è di ottenere pixel disegnati sullo schermo. La classe Visual fornisce una struttura ad albero di oggetti visivi per la compilazione. Ciascun oggetto contiene facoltativamente le istruzioni per il disegno e i metadati su come eseguire il rendering di tali istruzioni (area di visualizzazione, trasformazione e così via) Visual è progettato per essere estremamente leggero e flessibile, in modo che la maggior parte delle funzionalità non abbia esposizione API pubblica e si basi in modo rilevante sulle funzioni di callback protette.

Visual è effettivamente il punto di ingresso del sistema di composizione WPF. Visual rappresenta il punto di connessione tra questi due sottosistemi, le API gestite e milcore non gestito.

WPF visualizza i dati spostandosi all'interno di strutture di dati non gestiti gestite da milcore. Queste strutture, denominate nodi di composizione, rappresentano una struttura di visualizzazione gerarchica ad albero con istruzioni di rendering in ciascun nodo. La struttura ad albero, illustrata a destra nella figura riportata di seguito, è accessibile solo mediante un protocollo di messaggistica.

Durante la programmazione di WPF, vengono creati elementi Visual e tipi derivati che comunicano internamente con la struttura ad albero della composizione mediante questo protocollo di messaggistica. Ogni Visual in WPF può creare uno, nessuno o numerosi nodi di composizione.

Struttura ad albero visuale di Windows Presentation Foundation

In questo caso va notato un dettaglio molto importante relativo all'architettura: l'intera struttura ad albero degli elementi visivi e delle istruzioni di disegno è memorizzata nella cache. In termini di grafica, WPF utilizza un sistema di rendering memorizzato. Ciò fornisce al sistema elevate frequenze di aggiornamento senza che il sistema di composizione si blocchi sui callback al codice utente e consente di impedire la visualizzazione di applicazioni che non rispondono.

Un altro dettaglio importante, non facilmente individuabile nel diagramma, è il modo in cui il sistema esegue effettivamente la composizione.

In User32 e GDI, il sistema funziona in base a un sistema di ritaglio in modalità immediata. Quando è necessario eseguire il rendering di un componente, il sistema stabilisce un limite di ritaglio al di fuori del quale il componente non può toccare i pixel; poi viene chiesto al componente di disegnare i pixel in tale casella. Questo sistema funziona molto bene nei sistemi con memoria limitata poiché quando vengono apportate modifiche basta intervenire solo sul componente interessato. Non sono mai richiesti due componenti per il colore di un singolo pixel.

WPF utilizza un modello di disegno denominato "algoritmo del pittore". Ciò significa che anziché ritagliare ogni componente, viene richiesto il rendering di ciascun componente dallo sfondo al primo piano della visualizzazione. In tal modo ciascun componente viene disegnato sulla visualizzazione del componente precedente. Il vantaggio di questo modello è la possibilità di avere forme complesse, parzialmente trasparenti. L'hardware grafico moderno rende questo modello relativamente veloce, a differenza di quando sono stati creati User32 e GDI.

Come accennato in precedenza, uno degli scopi principali di WPF è di passare a un modello di programmazione più dichiarativo, basato sulle proprietà. Nel sistema visuale, ciò è evidente in un paio di punti interessanti.

Primo, se si pensa al sistema grafico in modalità memorizzata, c'è un deciso allontanamento da un modello imperativo di tipo DrawLine/DrawLine verso un modello orientato ai dati di tipo new Line()/new Line(). Questo spostamento verso il rendering basato sui dati consente operazioni complesse sulle istruzioni di disegno da esprimere utilizzando le proprietà. I tipi derivanti da Drawing sono effettivamente il modello a oggetti per eseguire il rendering.

Secondo, se si esamina il sistema di animazione appare evidente che è quasi completamente dichiarativo. Anziché richiedere a uno sviluppatore di calcolare la posizione o il colore successivo, è possibile esprimere le animazioni come una serie di proprietà su un oggetto di animazione. Le animazioni possono quindi esprimere l'intenzione dello sviluppatore o del progettista (spostare questo pulsante da questa a quella posizione in 5 secondi) e il sistema può stabilire il modo più efficace per raggiungere tale scopo.

System.Windows.UIElement

UIElement definisce i sottosistemi principali incluso Layout, Input ed Eventi.

Layout è un concetto fondamentale di WPF. In molti sistemi è presente un gruppo fisso di modelli di layout (HTML supporta tre modelli di layout: flusso, assoluto e tabelle) oppure non è presente alcun modello di layout (User32 supporta effettivamente solo il posizionamento assoluto). WPF è nato dal presupposto che gli sviluppatori e i progettisti avessero bisogno di un modello di layout flessibile ed estendibile da basare sui valori di proprietà piuttosto che sulla logica imperativa. Il contratto di base per il layout viene introdotto al livello UIElement: un modello a due fasi con i passaggi Measure e Arrange.

Measure consente a un componente di stabilire le dimensioni richieste. Si tratta di una fase diversa da Arrange poiché esistono molte situazioni in cui un elemento padre chiede a un elemento figlio di eseguire la misurazione più volte per stabilire la posizione e le dimensioni ottimali. Il fatto che gli elementi padre chiedano agli elementi figlio di eseguire le misurazioni consente di dimostrare un altro concetto chiave di WPF: il ridimensionamento del contenuto. Tutti i controlli di WPF supportano la capacità di adattare il contenuto alle relative dimensioni standard. Tutto ciò semplifica il processo di localizzazione e consente il layout dinamico degli elementi quando gli oggetti vengono ridimensionati. La fase Arrange consente a un elemento padre di posizionare e stabilire le dimensioni finali di ciascun figlio.

Si parla spesso del lato output di WPF: Visual e relativi oggetti. Tuttavia, esiste una straordinaria quantità di innovazione anche sul lato input. Probabilmente, la modifica più importante al modello di input per WPF è rappresentata dal modello coerente in base al quale gli eventi di input vengono indirizzati attraverso il sistema.

L'input come segnale proviene da un driver di dispositivo in modalità kernel e viene indirizzato verso il processo e il thread corretti mediante un complicato processo che interessa il kernel di Windows e User32. Dopo essere stato indirizzato verso WPF, il messaggio User32 corrispondente all'input viene convertito in un messaggio di input non elaborato WPF e viene inviato al dispatcher. WPF consente la conversione degli eventi di input non elaborati in più eventi effettivi, attivando l'implementazione di funzioni quali "MouseEnter" a un livello basso del sistema con consegna garantita.

Ciascun evento di input viene convertito in almeno due eventi: un evento in "anteprima" e l'evento effettivo. Tutti gli eventi di WPF dispongono di una nozione di indirizzamento mediante la struttura ad albero dell'elemento. Si parla di "eventi di bubbling" se passano da una destinazione nella parte superiore della struttura ad albero alla relativa radice e di "eventi di tunneling" se partono dalla radice per raggiungere la destinazione. Gli eventi di input in anteprima effettuano il tunneling consentendo a qualsiasi elemento della struttura ad albero di filtrare o svolgere un'azione sull'evento. Gli eventi regolari (non in anteprima) vengono propagati dalla destinazione fino alla radice.

Questa suddivisione tra fase di tunneling e fase di bubbling consente di implementare funzionalità, quali i tasti di scelta rapida, in modo coerente in un contesto composito. In User32, i tasti di scelta rapida vengono implementati con una sola tabella globale che contiene tutti i tasti da supportare (mapping di Ctrl+N su "Nuovo"). Nel dispatcher dell'applicazione viene chiamato TranslateAccelerator che rileva la presenza dei messaggi di input in User32 e stabilisce se esiste una corrispondenza con un tasto di scelta rapida registrato. Questa procedura non funziona in WPF perché il sistema è totalmente "componibile": qualsiasi elemento può gestire e utilizzare qualsiasi tasto di scelta rapida. Questo modello a due fasi per l'input consente ai componenti di implementare il proprio "TranslateAccelerator".

UIElement introduce inoltre la nozione di CommandBindings. Il sistema di comandi di WPF consente agli sviluppatori di definire la funzionalità in termini di endpoint di un comando e cioè qualcosa che implementi ICommand. Le associazioni di comandi consentono a un elemento di definire un mapping tra un movimento di input (Ctrl+N) e un comando (Nuovo). I movimenti di input e le definizioni dei comandi sono estendibili e possono essere collegati al momento dell'utilizzo. In tal modo, ad esempio, è possibile consentire a un utente finale di personalizzare le combinazioni di tasti da utilizzare in un'applicazione.

Fino a questo punto sono state trattate le funzionalità principali di WPF e cioè quelle implementate nell'assembly PresentationCore. In fase di compilazione di WPF, si desiderava ottenere una netta separazione tra le parti fondamentali (ad esempio, il contratto per il layout con Measure e Arrange) e le parti del framework (ad esempio, l'implementazione di un layout specifico come Grid). Lo scopo era quello di fornire un punto di estendibilità basso nello stack per consentire agli sviluppatori esterni di creare dei propri framework, se necessario.

System.Windows.FrameworkElement

FrameworkElement può essere esaminato in due modi diversi: da un lato presenta una serie di criteri e personalizzazioni dei sottosistemi introdotti nei livelli inferiori di WPF e dall'altro una serie di nuovi sottosistemi.

Il criterio principale introdotto da FrameworkElement è quello relativo al layout dell'applicazione. FrameworkElement si basa sul contratto di base del layout introdotto da UIElement e aggiunge la nozione di "slot" di layout che consente agli autori di layout di ottenere più facilmente una semantica coerente basata sulle proprietà. Le proprietà come HorizontalAlignment, VerticalAlignment, MinWidth e Margin (solo per citarne alcune) assegnano a tutti i componenti derivati da FrameworkElement un comportamento coerente all'interno dei contenitori di layout.

FrameworkElement fornisce anche un'esposizione API semplificata a molte funzionalità che si trovano nei livelli principali di WPF. Ad esempio, FrameworkElement fornisce un accesso diretto all'animazione mediante il metodo BeginStoryboard. Storyboard fornisce un modo per eseguire lo script di più animazioni rispetto a una serie di proprietà.

I due elementi più critici introdotti da FrameworkElement sono l'associazione dati e gli stili.

Chiunque abbia utilizzato Windows Form o ASP.NET per creare un'interfaccia utente per un'applicazione, dovrebbe avere una certa familiarità con il sottosistema di associazione dati in WPF. In ciascuno di questi sistemi, è possibile effettuare in modo semplice l'associazione di una o più proprietà di un dato elemento a un blocco di dati. WPF fornisce supporto completo per l'associazione di proprietà, la trasformazione e l'associazione di elenco.

Una delle funzionalità più interessanti dell'associazione dati in WPF è l'introduzione dei modelli di dati che consentono di specificare in modo dichiarativo come deve essere visualizzato un blocco di dati. Anziché creare un'interfaccia utente personalizzata che può essere associata ai dati, è possibile aggirare il problema e fare in modo che siano i dati a stabilire il tipo di visualizzazione da creare.

L'applicazione degli stili è effettivamente un tipo di associazione dati semplice e il suo utilizzo consente di associare una serie di proprietà di una definizione condivisa a una o più istanze di un elemento. Gli stili vengono applicati per riferimento esplicito (impostando la proprietà Style) oppure implicitamente associando uno stile al tipo CLR dell'elemento.

System.Windows.Controls.Control

La funzionalità più significativa dei controlli è l'applicazione di modelli. Considerando il sistema di composizione di WPF come un sistema di rendering in modalità memorizzata, l'applicazione di modelli consente a un controllo di descriverne il rendering in modo dichiarativo e con parametri. ControlTemplate è semplicemente uno script che consente di creare una serie di elementi figlio con associazioni alle proprietà offerte dal controllo.

Control fornisce una serie di proprietà predefinite, Foreground, Background, Padding, solo per citarne alcune, che possono essere utilizzate dagli autori di modelli per personalizzare la visualizzazione di un controllo. L'implementazione di un controllo fornisce un modello dati e un modello di interazione. Il modello di interazione definisce una serie di comandi (ad esempio, Chiudi per una finestra) e di associazioni a movimenti di input (ad esempio, fare clic sulla X rossa nell'angolo superiore della finestra). Il modello dati fornisce una serie di proprietà per la personalizzazione del modello di interazione o della visualizzazione (stabilita dal modello).

Questa suddivisione tra modello dati (proprietà), modello di interazione (comandi ed eventi) e modello di visualizzazione (modelli) consente una personalizzazione completa dell'aspetto e del comportamento di un controllo.

Una caratteristica comune del modello dati dei controlli è il modello di contenuto. Esaminando un controllo come Button, si può notare che dispone di una proprietà denominata "Content" di tipo Object. In Windows Form e ASP.NET, questa proprietà è in genere una stringa; tuttavia questo limita il tipo di contenuto che può essere inserito in un pulsante. Il contenuto di un pulsante può essere una stringa semplice, un oggetto dati complesso o l'intera struttura ad albero di un elemento. Nel caso di un oggetto dati, il modello dati viene utilizzato per costruire una visualizzazione.

Riepilogo

WPF è progettato per consentire la creazione di sistemi di presentazione dinamici, basati sui dati. Ogni parte del sistema è progettata per la creazione di oggetti utilizzando insiemi di proprietà che ne definiscono il comportamento. L'associazione dati è una parte fondamentale del sistema ed è integrata a ogni livello.

Le applicazioni tradizionali creano una visualizzazione e poi associano i dati. In WPF, tutti gli elementi del controllo e ogni aspetto della visualizzazione sono generati da un tipo di associazione dati. Il testo che si trova nei pulsanti viene visualizzato creando un controllo composto all'interno del pulsante e associando la relativa visualizzazione alla proprietà del contenuto del pulsante.

Lo sviluppo di applicazioni basate su WPF dovrebbe risultare molto familiare per gli utenti. È possibile impostare proprietà, utilizzare oggetti e associare dati in modo molto simile a quanto avviene in Windows Form o ASP.NET. Un'indagine più approfondita dell'architettura di WPF evidenzierà la possibilità di creare applicazioni molto più ricche in cui i dati vengono considerati gli elementi principali dell'applicazione.