Silverlight 2 Toolkit – Parte 2

Nella Parte 1 di questa mini-serie avete visto un’introduzione al Silverlight 2 Toolkit e come utilizzare due controlli facenti parte di due diverse categorie tra quelle disponibili. In questa seconda parte procedereremo con l’esplorazione e vi introdurrò all’uso dell’ ImplicityStileManager e dei Temi del Toolkit.

 

ImplicityStyleManager (ISM)

In WPF è possibile definire “implicitamente”  lo stile di un’elemento della UI. Con implicitamente intendo che si può evitare di andare ad impostare la proprietà Style= {StaticResource ..} per ogni controllo, ma basta definire uno Style senza una Key in modo da impostare tale stile a tutti i controlli dell’applicazione.  Questa funzionalità è molto comoda per “vestire” un’applicazione con un aspetto consistente. In Silverlight 2 questa funzionalità manca ed è quindi necessario andare a specificare la proprietà Style per ogni controllo da vestire. L’ ImplicityStyleManager introduce questa funzionalità in Silverlight 2, semplicandone l’uso. Vediamo come usarlo.

Creiamo un progetto Silverlight 2 da Visual Studio 2008 ed aggiungiamo l’assembly Microsoft.Windows.Controls.Theming.dll dalla directory dei binari come abbiamo visto nel post precedente.

image

Quindi ora possiamo scrivere il codice seguente dove ho messo in evidenza gli aspetti importanti, commentati subito dopo:

image

  • ho aggiunto il riferimento al namespace opportuno e ho definito un prefisso: theming, usato nel seguito
  • la dependency property ImplicitStyleManager.ApplyMode : definisce il comportamento dell ISM rispetto al template da applicare ai controlli definiti all’interno dello StackPanel: in questo caso lo sile viene applicato una sola volta. Lo sile potrebbe anche essere riapplicato ai controlli, nel caso venisse modificato. Questa opzione è permessa ma porta, ovviamente ad un degrado in termini di performance e va usata con cautela.
  • la dependency property ImplicitStyleManager.ResourceDictionaryUri permette di indicare lo uri dove si trova un ResourceDiscionary con lo stile da applicare. Esistono diverse possibilità rispetto a dove l’effettivo stile è poi definito, che sono documentate. Nell’esempio si trova nel file themes.xaml da me aggiunto al progetto stesso, che contiene il codice XAML seguente:

image

Nel mio semplice esempio ho definito solo il FontSize per un qualsiasi bottone che si trovasse nello StackPanel. Aggiungendo quindi un po’ di bottoni all’esempio e senza bisgono di impostare la proprietà style per ognuno di essi a tutti viene applicato il mio font size:

image

 

Temi predefiniti

Il Silverlight 2 Toolkit mette anche a disposizione una serie di Temi già fatti che possono essere usati per dare un’aspetto più gradevole ed una grafica consistente. Nella figura trovate gli esempi di quelli ad oggi disponibili:

image

Quindi partiamo da un semplice file XAML così fatto:

image

Che genera questo layout:

image

Se vogliamo applicare uno dei temi visti in figura basta che aggiungiamo uno degli assembly che si trovano in Binary\Themes a cui corrispondono i vari temi, ad esempio ho aggiunto l’assembly che contiene il tema shinyblue:

image

Quindi modifico il codice XAML così:

image

Che produce il seguente effetto:

image

Che dà un aspetto forse più accattivante :-)

 

Conclusione

Spero di avervi dato una rapida ma chiara introduzione per iniziare a lavorare e, per chi vuole, a contribuire con il Toolkit dei controlli per Silverlight 2. Tenete presente che i piccoli esempi realizzati per questo post, che potete scaricare qui, funzionano con le release di dicembre.