Estilos Globais – Xamarin.Forms

Olá, neste post irei demonstrar como você pode definir estilos globais em sua aplicação Xamarin.Forms.

“Qual a vantagem de definir estilos globais ?”
Algumas das vantagens são: Evitar a duplicação de estilos em páginas, padronizar as cores da aplicação e deixar o código mais “limpo” (tanto Xaml quanto C#).

A definição de estilos globais será feita no arquivo App.xaml, adicionando um ResourceDictionary dentro de “Application.Resources”.

 

Cores

Adicione um “Color” e defina um nome para a propriedade x:Key. Vale lembrar que “x” está sendo referenciado de “http://schemas.microsoft.com/winfx/2009/xaml”.
O valor x:Key será utilizado para atribuir cores aos elementos desejados.
Dentro de “Color” insira a cor desejada em hexadecimal.

 

 

Tipo da Fonte

Defina tipos de fontes para cada plataforma utilizando o “OnPlatform”.

 

 

Estilos

Defina estilos a partir das cores e fontes criadas anteriormente utilizando o “Style”, para cada Setter adicionado no Style você pode referenciar utilizando StaticResource ou definir o valor desejado.
Observe que é adicionado um Setter para cada propriedade que deseja customizar.

 

Aplicando o estilo no Xaml 

Observe a seguir como foi aplicado os estilos criados no arquivo anteriormente.

 

 

Resultado

Screenshot

 

Esse foi apenas um pequeno exemplo de como você pode aplicar estilos globais em suas aplicações Xamarin.Forms.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s