ATTENZIONE: Questo sito impiega diversi tipi di cookies. Alla pagina MAGGIORI INFORMAZIONI è possibile avere informazioni aggiuntive. Cliccando su ACCETTO o continuando a navigare sul sito acconsenti al loro utilizzo.
<luglio 2024>
lunmarmergiovensabdom
24252627282930
1234567
891011121314
15161718192021
22232425262728
2930311234
Immagini

UniversalApp - STILI

Impostazione nel progetto

Creare in ognuno dei progetti WIN e WINPHONE un file di tipo: ResourceDictionary (esempio /Themes/StandardStyles.xaml)

 

Referenziare il file nel file App.xaml, come primo tag del tag Application, in questo modo

 

    <Application.Resources>

        <ResourceDictionary>

            <ResourceDictionary.MergedDictionaries>

                <ResourceDictionary Source="Themes/StandardStyles.xaml"></ResourceDictionary>

            </ResourceDictionary.MergedDictionaries>

        </ResourceDictionary>

    </Application.Resources>

 

Si possono creare n file di tipo ResourceDictionary e si possono inserire tutti nel file App.xaml nello stesso modo

 

Creazione e utilizzo degli stili

Nel file StandardStyles.xaml creare i proprio STILI, nei vari modi:

 

  • PERSONALIZZARE ELEMNTI UI BASE

    <Color x:Key="AccentColor">#FF86BA35</Color>

    <SolidColorBrush x:Key="AccentBrush" Color="{StaticResource AccentColor}" />

  • Si usa nel seguente modo:  <Button Content="Button"  Foreground="{StaticResource AccentBrush}" />

 

 

  • CREARE STILI PER RIDEFINIRE ELIMENTI UI BASE

<Style TargetType="TextBlock">

        <Setter Property="FontFamily" Value="Segoe WP"/>

        <Setter Property="FontSize" Value="52"/>

</Style>

  • Per usarlo non occorre far nulla, tutte le TextBlock useranno queste impostazione, che sovrascrivono quelle di default

 

 

 

  • CREARE STILI PERSONALIZZATI PER RIDEFINIRE ELIMENTI UI BASE

<Style x:Key="MyTextBlockStyle" TargetType="TextBlock">

        <Setter Property="FontFamily" Value="Segoe WP"/>

        <Setter Property="FontSize" Value="52"/>

</Style>

  • Si usa nel seguente modo: <TextBlock Style="{StaticResource MyTextBlockStyle}"  />

 

 

Notifiche