Loading ...

Impostare gli stili globali in Xamarin

Impostare gli stili globali in Xamarin

Xamarin arriva già con un file, App.xaml, per applicare degli stili globali, quindi a tutta l'applicazione.

E' possibile modificare questo file aggiungendoci degli stili custom.

Ad esempio io ci ho messo gli stili per i miei bottoni.

Questo è il mio file:

<?xml version="1.0" encoding="utf-8"?>
<Application xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Book.App">
    <Application.Resources>
        <ResourceDictionary>
            <!--Global Styles-->
            <Color x:Key="NavigationPrimary">#2196F3</Color>
            <Style TargetType="NavigationPage">
                <Setter Property="BarBackgroundColor" 
                        Value="{StaticResource NavigationPrimary}" />
                <Setter Property="BarTextColor" Value="White" />
            </Style>
            <!-- MY STLYE -->
            <Style x:Key="buttonStyle" TargetType="Button">
                <Setter Property="HorizontalOptions" Value="Center" />
                <Setter Property="VerticalOptions" Value="CenterAndExpand" />
                <Setter Property="BorderColor" Value="SteelBlue" />
                <Setter Property="BorderRadius" Value="2" />
                <Setter Property="BorderWidth" Value="2" />
                <Setter Property="WidthRequest" Value="200" />
                <Setter Property="TextColor" Value="SteelBlue" />
            </Style>
            <!-- END MY STYLE -->
        </ResourceDictionary>
    </Application.Resources>
</Application>

Ho commentato la parte che riguarda le mie regole.

Adesso, dovete richiamare lo stile nel vostro file XAML di template:

<Button Text="Invia" Style="{StaticResource buttonStyle}" />

Enjoy!