Skip to main content
2 de 2
adicionou 32 caracteres ao conteúdo
viana
  • 27,7mil
  • 26
  • 96
  • 198

O XML fornece a tag <gradient> no qual é possível realizar essa façanha. Basicamente você define uma cor inicial, uma cor central (não obrigatória) e uma cor final para realizar tal efeito. Veja abaixo os seguintes atributos:

  • startColor: cor inicial
  • centerColor: cor central
  • endColor: cor final
  • angle: o angulo no qual pode ser rotacionado, no qual pode ser definido como 0, 90, 180, 270.

Existem outros atributos descritos na documentação.

Então pode ser criado arquivo no diretório drawable por exemplo com o nome gradient.xml:

drawable/gradient.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle" >
        <gradient 
            android:startColor="#6586F0"
            android:centerColor="#D6D6D6"
            android:endColor="#4B6CD6"
            android:angle="90"/>
</shape>

Para finalizar, basta definir como background de alguma view, sendo um Button, TextView, Toolbar, LinearLayout, etc. Veja:

android:background="@drawable/gradient"

Exemplo de aplicação:

<Button
    android:id="@+id/thebutton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/gradient"
    android:text="Button Gradient!"
    />
viana
  • 27,7mil
  • 26
  • 96
  • 198