Xamarin – Manipulando cores

A cor de plano de fundo no Xamarin.Forms(background) de uma página e a cor de fonte de um controle(visão) podem ser facilmente alterados com uso de uma propriedade chamada BackgroundColor de ContentPage e da propriedade TextColor encontrada em Views baseadas em texto(Labels por exemplo).

Atenção

Se você estiver trabalhando em um mac com a intenção de compilar para IOs e quiser que os exemplos que irei mostrar logo abaixo apareçam com fundo preto, pois background default do IOs é da cor Branca, adicione a seguite linha em seu projeto dentro da classe que herda ContentPage:

this.BackgroundColor = Color.Black;

Caso queira manter ou até mesmo mudar a cor em tempo de execução basta Color.Black para Color.White.

A cor de um texto será sempre configurada automaticamente para um tom mais claro com a intenção de realçar o texto de acordo com o fundo, mas podemos alterar a cor da fonte através da propriedade TextColor = Color.COR_QUE_VOCÊ_DESEJA;

Cores default da classe Color

Color ShortName RGB Value
Color.Transparent Transparente 0, 0, 0
Color.Aqua Aqua 0, 255, 255
Color.Black Preto 0, 0, 0
Color.Blue Azul 0, 0, 255
Color.Fuchsia Fúcsia 255, 0, 255
Color.Gray Cinzento 128, 128, 128
Color.Green Verde 0, 128, 0
Color.Lime Limão 0, 255, 0
Color.Maroon Marrom 128, 0, 0
Color.Navy Marinha 0, 0, 128
Color.Olive Oliva 128, 128, 0
Color.Purple Roxo 128, 0, 128
Color.Pink Rosa 255, 102, 255
Color.Red Vermelho 255, 0, 0
Color.Silver Prata 192, 192, 192
Color.Teal Cerceta 0, 128, 128
Color.White Branco 255, 255, 255
Color.Yellow Amarelo 255, 255, 0

Você pode passar uma cor personalizada dentro do construtor da classe Color TextColor = new Color(10,120,150), onde os três valores representam respectivamente as escalas em RGB.

Para ver mais recursos da classe Color, acesse a documentação oficial do Xamarin.

Leave a Reply