Un tocco di stile alle applicazioni Silverlight: style e template

di Marco Leoncini, in Silverlight 2.0, 3 marzo 2009

Archiviato in: Microsoft Expression, Silverlight, Silverlight 2.0, Windows Presentation Foundation, XAML

Dall'archivio articoli

8 pagine in totale: <<Indietro 1 2 [3] 4 5 6 7 8 Avanti >>

Il grafico più esigente potrebbe però storcere il naso, nonostante tutti gli sforzi il controllo Button è solo superficialmente modificabile e non certo "cool", ma questo è vero solo se ci fermiamo a un'analisi approssimativa dell'architettura di Silverlight e alle possibilità offerte dagli Style.

Come accennato in precedenza, i controlli in Silverlight si sono meritati l'aggettivo di LookLess, ma questo naturalmente è vero solo in parte, visto che a video vengono visualizzati correttamente.

L'aspetto del controllo è infatti determinato dal VisualTree definito dalla proprietà ControlTemplate, dove per VisualTree s'intende l'insieme dei controlli, forme e quanto altro sia utile e utilizzabile come elemento grafico.

ControlTemplate

ControlTemplate è una proprietà a tutti gli effetti e, come tale, è possibile personalizzarla mediante l'uso degli Style, ricreando completamente l'aspetto del controllo fino a stravolgerne il look, senza che questo ne alteri in alcun modo il funzionamento logico.

Aggiungiamo quindi un nuovo bottone alla scena, spostiamoci sul menu "Object" e, dal sottomenu "EditStyle", selezioniamo "Edit a Copy".

Questo comando crea un nuovo style partendo dall'aspetto attuale del controllo; nella finestra di dialogo "Creare Style Resource" assegniamo al nuovo Style il nome "GlassStyle" e procediamo.

Nella barra che contiene la Breadcrumb, clicchiamo sull'icona a forma di tavolozza e dal menu selezioniamo Edit Template.

Dal menu "Object and Timeline" selezioniamo ed eliminiamo tutti gli oggetti che compongono la Template e che sono contenuti nella Grid; Expression Blend ci avverte che le animazioni associate sono state eliminate.