Alterar cores padrão do aplicativo no Android Studio

Neste artigo você aprende como alterar as cores padrão do aplicativo, de forma rápida e fácil.

Publicado em

Por padrão o Android Studio já nos traz algumas cores para nosso aplicativo, mas as vezes ou sempre queremos definir nossa cor para nosso layout do aplicativo.

Para fazer esta alteração, é algo muito rápido e fácil, pois é necessário informar apenas três valores hexadecimais de cores, na qual são: Cor padrão, Cor secundário e uma terceira que aparece quando selecionamos ou marcamos algo.

Tela padrão do aplicativo, cores azul, cinza e rosa;
Tela padrão do aplicativo, cores azul, cinza e rosa;

O site http://www.materialpalette.com, permite escolhermos quais cores desejamos e o mesmo nos traz as cores parecidas em tons diferentes, além disso, ele também usa uma nomenclatura muito parecida com o que o Android Studio usa. Então acesse o site, clique nas duas cores principais e note que no lado direito é carregado uma paleta de cores.

Note que temos o Dark, Primary e Accent color, são eles que vamos usar.

Dark Primary Color: #C2185B.

PrimaryColor: #E91E63.

AccentColor: #4CAF50.
 

Material Palette, seleção das três cores para o projeto.
Material Palette, seleção das três cores para o projeto.

Bom, já temos a nossa cor, agora é muito mais simples, dentro do Android Studio, abra o arquivo que colors.xml, que está no seguinte diretório:  app/res/values/colors.xml.

Carregar o arquivo em: app/res/values/colors.xml
Carregar o arquivo em: app/res/values/colors.xml

Note que neste arquivo temos dentro do resources três chaves com os valores de cor primária, primária escura e cor de ‘acento’.

XML com as cores padrão.
XML com as cores padrão.

Altere os valores hexadecimais destas chaves para os valore obtidos. Respeitando corretamente cada cor com sua responsabilidade. Após alterar, podemos ter uma prévia das cores na barra vertical da esquerda.

XML com as cores alteradas.
XML com as cores alteradas.

Se rodar o aplicativo, poderá ver o resultado das novas cores no Layout.

Aplicativo com as cores alteradas.
Aplicativo com as cores alteradas.

Simples, não é mesmo? Até a próxima!

Gunnar Correa
Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web, Especialista em Tecnologias na Educação e Pós-graduando em Segurança da Informação. Começou seus estudos na área de programação quando era criança, e atualmente, está estudando desenvolvimento de jogos. Fundador da SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.

Todos os nossos cursos em promoção
Todos os nossos cursos em promoção

Webstories

Todos os nossos cursos em promoção


Deixe um comentário
Aguarde...
Todos os nossos cursos em promoção