Skip to main content
adicionou 32 caracteres ao conteúdo
Fonte Link
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 usando. 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.

Veja aqui na documentaçãoExistem 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!"
    />

O XML fornece a tag <gradient> no qual é possível realizar essa façanha. Basicamente você define uma cor inicial, uma cor central e uma cor final para realizar tal efeito usando 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.

Veja aqui na documentação outros atributos.

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!"
    />

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!"
    />
Fonte Link
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 e uma cor final para realizar tal efeito usando 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.

Veja aqui na documentação outros atributos.

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!"
    />