Alessandro Del Sole's Blog

{ A programming space about Microsoft® .NET® }
posts - 1908, comments - 2047, trackbacks - 352

My Links

News

Your host

This is me! Questo spazio è dedicato a Microsoft® .NET®, di cui sono molto appassionato :-)

Cookie e Privacy

Disabilita cookie ShinyStat

Microsoft MVP

My MVP Profile

Microsoft Certified Professional

Microsoft Specialist

Xamarin Certified Mobile Developer

Il mio libro su VB 2015!

Pre-ordina il mio libro su VB 2015 Pre-ordina il mio libro "Visual Basic 2015 Unleashed". Clicca sulla copertina per informazioni!

Il mio libro su WPF 4.5.1!

Clicca sulla copertina per informazioni! E' uscito il mio libro "Programmare con WPF 4.5.1". Clicca sulla copertina per informazioni!

These postings are provided 'AS IS' for entertainment purposes only with absolutely no warranty expressed or implied and confer no rights.
If you're not an Italian user, please visit my English blog

Le vostre visite

I'm a VB!

Guarda la mia intervista a Seattle

Follow me on Twitter!

Altri spazi

GitHub
I miei progetti open-source su GitHub

Article Categories

Archives

Post Categories

Image Galleries

Privacy Policy

Modificare lo stile dei PanoramaItem in Windows Phone 7

In Windows Phone 7 il controllo Panorama è quello che ci consente di sfogliare elementi dell'interfaccia andando oltre le dimensioni fisiche del display, semplicemente con il tocco.

Il controllo Panorama è, come sapete, suddiviso in tanti elementi PanoramaItem, ognuno dei quali rappresenta l'informazione che in quel momento impegna il display.

I PanoramaItem godono di stili predefiniti, dei quali non è possibile fare l'override direttamente in linea. Ad esempio, se volessimo modificare lo stile del testo, come font e dimensioni, è necessario ricorrere a un piccolo stratagemma sfruttando i DataTemplate, concetto ben noto in WPF e Silverlight.

Per esempio, nelle risorse della pagina definisco un DataTemplate di questo tipo:

    <phone:PhoneApplicationPage.Resources>
        <DataTemplate x:Key="MyItemHeaderTemplate">
            <Grid>
                <ContentPresenter>
                    <TextBlock Text="{Binding}" FontSize="56"
                               />
                </ContentPresenter>
            </Grid>
        </DataTemplate>

Il DataTemplate è costituito da una Grid e da un TextBlock racchiuso in un ContentPresenter, quest'ultimo è elemento fondamentale per il rendering del testo (o di altri elementi). E' quindi sul TextBlock che si agisce impostando lo stile desiderato per il testo, in questo caso stiamo rimpicciolendo il font di default. E' importante mettere genericamente in Binding la proprietà Text, poi popolata a runtime.

E' chiaro che poi il DataTemplate va assegnato al PanoramaItem in questo modo:

            <controls:PanoramaItem Header="VB Highlights" x:Name="ContentsItem"
                     HeaderTemplate="{StaticResource MyItemHeaderTemplate}"     />

Così facendo potrete applicare personalizzazioni avanzate agli stili dei citati controlli.

Alessandro

Print | posted on mercoledì 6 luglio 2011 00:56 | Filed Under [ Silverlight e Windows Phone ]

Powered by:
Powered By Subtext Powered By ASP.NET