Alessandro Del Sole's WPF blog

WPF 4: leggibilità del testo col TextFormattingMode

Alessandro Del Sole — Thu, 03 Dec 2009 14:36:47 GMT

Una delle novità di WPF 4 è la migliore gestione del rendering del testo. In sostanza è ora possibile decidere come il testo visualizzato, ad esempio in controlli TextBox, debba essere renderizzato ossia utilizzando una maggiore definizione o una minore anche a seconda delle dimensioni del carattere. Questo si realizza lato XAML con una attached property chiamata TextOptions.TextFormattingMode che può ricevere due valori, Ideal e Display.

Ideal, come il nome suggerisce, offre il rendering assolutamente migliore mentre Display offre un rendering di qualità leggermente inferiore ma che, come suggerito da fonti ufficiali, andrebbe preferito con caratteri di piccole dimensioni. La seguente figura mostra un esempio:

Come si può vedere il rendering Ideal è migliore. In effetti, per i caratteri di piccole dimensioni anche il Display è ottimale. Il codice XAML che realizza l'effetto sopra esposto è il seguente:

<TextBox TextOptions.TextFormattingMode="Ideal" FontSize="12">IDEAL MODE</TextBox>

<TextBox TextOptions.TextFormattingMode="Display" FontSize="12">DISPLAY MODE</TextBox>

<TextBox TextOptions.TextFormattingMode="Ideal" FontSize="16">IDEAL MODE</TextBox>

<TextBox TextOptions.TextFormattingMode="Display" FontSize="16">DISPLAY MODE</TextBox>

<TextBox TextOptions.TextFormattingMode="Ideal" FontSize="48">IDEAL MODE</TextBox>

<TextBox TextOptions.TextFormattingMode="Display" FontSize="48">DISPLAY MODE</TextBox>

</StackPanel>

Alessandro

WPF 4: Cached Composition

Alessandro Del Sole — Thu, 03 Dec 2009 14:35:00 GMT

Un'altra delle novità introdotte da Windows Presentation Foundation 4 si chiama cached composition e, in parole molto povere, permette di memorizzare un elemento visuale all'interno di una cache in modo da recuperarlo rapidamente senza doverlo renderizzare graficamente ogni qual volta lo si utilizza. Si definisce un oggetto BitmapCache all'interno delle risorse del contenitore che andrà memorizzato in cache, come nel caso seguente in cui è presente un TextBlock:

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<!-- Stabilisce come deve andare in cache il contenuto

della Grid -->

<Grid.CacheMode>

<!-- In questo caso si usa la cache quando si fa lo

zoom al doppio delle dimensioni -->

</Grid.CacheMode>

<TextBlock Text="Cached in case you zoom this"

FontSize="20" Grid.Row="0" />

Da notare come il contenitore esponga ora una proprietà CacheMode all'interno della quale si definisce la modalità di applicazione della tecnica. Si utilizza la proprietà RenderAtScale per determinare a quale livello di zoom l'opzione di cache debba essere effettivamente applicata. Si disabilitano i caratteri clear type per migliorare le performance. Nell'esempio sopra esposto, il caching avviene qualora il TextBlock subisca una ScaleTransform che ne raddoppi le dimensioni. Un altro esempio è proprio quello in cui sappiamo a priori che un elemento dell'interfaccia verrà utilizzato più volte e quindi può essere conveniente memorizzarlo in cache. L'esempio seguente mostra come applicare un'immagine allo sfondo di due TextBlock utilizzando la cached composition:

<StackPanel.Resources>

<!-- Poichè so che utilizzerò la stessa image

più volte, la metto in cache così non

verrà ripetutamente renderizzata -->

<Image.CacheMode>

<!-- stavolta il caching avviene alle dimensioni

naturali -->

<BitmapCache RenderAtScale="1" EnableClearType="False"

SnapsToDevicePixels="False"/>

</Image.CacheMode>

</Image>

<!-- Utilizzo un pennello BitmapCacheBrush

come riempimento -->

<BitmapCacheBrush x:Key="cachedBrush"

Target="{StaticResource cachedImage}"/>

</StackPanel.Resources>

<TextBlock Text="Text one..." FontSize="24" Height="60" Foreground="Red"

FontWeight="Bold"

Background="{StaticResource cachedBrush}"/>

<TextBlock Text="Text two..." FontSize="24" Height="60" Foreground="Red"

FontWeight="Bold"

Background="{StaticResource cachedBrush}"/>

</StackPanel>

</Grid>

In maniera differente dal primo esempio, qui la tecnica si applica al singolo elemento (proprietà Image.CacheMode). Per utilizzare un elemento in cache si utilizza un oggetto chiamato BitmapCacheBrush che può essere utilizzato come riempimento di altri elementi, come dimostrato dai due TextBlock. Il risultato, puramente dimostrativo, del codice è il seguente:

Alessandro

Cosa c'è di nuovo in Silverlight 4 beta?

Alessandro Del Sole — Thu, 19 Nov 2009 23:26:37 GMT

Che Silverlight 4 Beta sia disponibile per il download per sviluppatori, è cosa ormai nota. Che ci sia anche una serie di tool per iniziare a vedere quali sono le novità, è cosa altrettanto nota (l'elenco dei tool tipo Blend 4 Preview ed estensioni per VS 2010 Beta 2 è disponibile in questo post di MSDN Italia).

Ci sono sicuramente molte novità, senza dubbio interessanti, anche se personalmente questo primo rilascio, seppure in Beta, lo trovo troppo vicino a una versione 3 rilasciata da poco tempo.

Ad ogni buon conto, se avete curiosità di capire cosa c'è di tanto interessante, vi segnalo due blog post di altrettanti noti Microsoft MVP, Corrado Cavalli e Andrea Boschin, che hanno scritto qualche interessante nota per approfondire l'argomento.

Il post di Corrado è qui, mentre quello di Andrea è di qua.

Alessandro

Benvenuti su WPF Tips & Tricks!

Alessandro Del Sole — Sat, 14 Nov 2009 13:57:28 GMT

Vi dò il mio benvenuto a una nuova community tematica, legata al network di Visual Basic Tips & Tricks, dedicata in modo specifico a Windows Presentation Foundation e Silverlight, chiamata WPF Tips & Tricks in onore del sito "genitore".

La nuova community non sarà chiaramente vincolata al linguaggio utilizzato, sarà invece specifica per la tecnologia. Lo scopo della nuova realtà è, infatti, quello di rappresentare un punto di riferimento italiano per Windows Presentation Foundation e Silverlight, con l'augurio di di costituire un punto di incontro per la convergenza di risorse per chi sviluppa (o per chi è curioso/interessato a migrare) con le due tecnologie in Italia. Avremo spazi per WPF & Silverlight ma anche topic specifici per il designer di Visual Studio, suite Expression, tool e data-binding.

Il portale, sviluppato con Visual Basic e basato su DotNetNuke, è on-line all'indirizzo: http://www.wpfitalia.it . Attualmente il sito è in beta ma i forum sono funzionanti, mentre stiamo lavorando sui blog e contenuti che saranno on-line al più presto.

Per quanto riguarda la nostra consueta presenza su VB T&T, non cambia assolutamente nulla. Semplicemente ci sdoppieremo :-)

Un ringraziamento particolare ad Antonio Catucci (VB MVP) e Renato Marzaro, per l'impegno che hanno profuso nelle ultime notti affinchè tutto fosse on-line in concomitanza con la sessione odierna su WPF. Un altro ringraziamento a Gianluca Cannalire e Diego Cattaruzza che hanno benedetto l'iniziativa :-)

A breve organizzeremo anche il lancio ufficiale della nuova community, nel frattempo potete iscrivervi e iniziare a fruire dei servizi attivi; ovviamente siamo ben contenti di ricevere feedback e critiche costruttive che ci permettano di far crescere la realtà.

Alessandro