Páginas

domingo, 17 de abril de 2011

Background gradiente no Android

Olá povo,

Post rápido do domingo: como colocar um background gradiente no Android. No diretório res/drawable de um projeto Android podemos colocar arquivos XML também. Esses arquivos devem fazer referências a imagens ou definir formas geométricas como círculos e retângulos. Vejam abaixo como definir um "quadrado" com bordas arredondadas e com cor gradiente.

<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:startColor="#0000FF"
android:endColor="#000000"
android:angle="90"
android:type="linear" />
<padding
android:left="10dp"
android:top="10dp"
android:right="10dp"
android:bottom="10dp" />
<corners
android:radius="30dp" />
</shape>


O arquivo acima, como já dissemos, deve ser criado dentro da pasta res/drawable do seu projeto. Nós o nomeamos como meubg.xml, e nele estamos definindo um retângulo de cor gradiente, começando de azul para preto. O angulo do gradiente é de 90 graus do tipo linear. Determinamos um espaçamento das borda para o componente que utilizar esse arquivo como background. Por fim, determinamos uma borda arredeondada com raio de 30dp.
Se colocarmos esse drawable como background (android:background="@drawable/meubg) de um LinearLayout por exemplo, o resultado ficará como abaixo:



Dúvidas? Consultem a documentação do Android aqui.

4br4ç05,
nglauber

3 comentários:

  1. Parabéns! Muito bom seu post. Simples, direto e eficiente.

    Abraços!

    ResponderExcluir
  2. Muito boa a matéria

    Parabéns

    Esse é um tipo de recurso que fica muito bonito num APP

    ResponderExcluir