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 inicialcenterColor
: cor centralendColor
: cor finalangle
: o angulo no qual pode ser rotacionado, no qual pode ser definido como0
,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!"
/>