Android: Como configurar um background degradê no seu App
Published: 2021-10-17 15:35:11

Já pensou em deixar seu app Android com um visual mais profissional sem impactar no tamanho da aplicação? Vamos falar de GradientDrawable.

Um plano de fundo degradê (ou gradient) pode ser uma opção mais bonita e mais leve e é incrivelmente fácil de fazer:

No diretório drawable, adicione um novo arquivo do tipo Drawable Resource File
*res> drawable > new > Drawable Resource File*

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kh245gwv1glo4amh8ocm.png)

Vamos chamar este arquivo de background. No campo *root element*, escreva shape e clique em OK.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/usekv4dd4bgvuxy2nz9w.png)

Os atributos que vamos usar ficarão dentro da tag *gradiente*. São eles: 

*android:startColor*: para a cor Inicial
*android:centerColor*: para a cor que ficará no centro
*android:endColor*: para a cor que ficará no final

```xml
 <gradient
        android:startColor="#FB528B"
        android:centerColor="#f899b9"
        android:endColor="#FFB344"
        />
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r7gd3x89z18l8m8061c4.png)

Ainda é possível usar a tag *angle* para direcionar a ordem das cores:

```xml
 <gradient
        android:startColor="#FB528B"
        android:centerColor="#f899b9"
        android:endColor="#FFB344"
        android:angle="90"
        />
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ow51yg0pwedjnkg1cfp.png)

Você poderá tanto digitar o código hexadecimal de cada cor, ou definir diretamente no arquivo colors e chamá-las pelo nome indicado
*(res / values / colors.xml)*

```xml
    <gradient
        android:startColor="@color/pink"
        android:centerColor="@color/pink_light"
        android:endColor="@color/orange"
        android:angle="90"
        />
```

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7sydawa5s82v585e86gt.png)

Para adicionar o backgroud criado à sua activity, basta incluir a tag  *android:background* apontando para o arquivo drawable criado. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0pv9h19sx4vivzwefvft.png)


Aí é só soltar a criatividade:

```xml
 <gradient
        android:startColor="#0014FF"
        android:endColor="#00FF5b"
        android:angle="280"
        />
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cly2oz3t78f2shjlfxyb.png)


```xml
    <gradient
        android:startColor="#FF2CDF"
        android:endColor="#0014ff"
        />
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t2m1xey7wwvdyunr6o7i.png)


 ```xml
    <gradient
        android:startColor="#ffe53b"
        android:endColor="#ff2525"
        android:angle="300"
        />
```
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fhva3n0sf3p3pxj3n0n0.png)



Quer conhecer um pouco mais? Documentação oficial da [GradientDrawable] (https://developer.android.com/reference/android/graphics/drawable/GradientDrawable)

Meus projetos: [GitHub - Johnny Meneses] (https://github.com/johnnymeneses)