Alterar cores padrão do aplicativo no Android Studio

Gunnar CorreaGunnar Correa22/05/2016 às 09:57:59 - 21.125 acessos

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


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;

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.

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

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.

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.

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

Aplicativo com as cores alteradas.

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


Aplicativo Android Mobile Android Studio IDE Cores Padrão Desenvolvimento Portátil Programação XML Tutorial

Compartilhe


Gunnar Correa

Gunnar Correa

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



Site atualizado

Olá, nosso site recebeu uma nova atualização e por conta disso, alguns artigos ainda estão sendo atualizados. Dependendo do conteúdo que você procura, poderá encontrar imagens e trechos de códigos mal formatados.

Estamos trabalhando para normalizar todos os conteúdos, muito em breve, esse problema não mais existirá.


Comentários