Eu quero criar um fundo de gradiente onde o gradiente está na metade superior e lá's uma cor sólida na metade inferior, como nesta imagem abaixo:
Eu posso't porque o centerColor
se espalha para cobrir a parte inferior e superior.
.
Como posso fazer um fundo como a primeira imagem? Como posso fazer pequenos centerColor
que's não se espalham?
Este é o código em XML do botão de fundo acima.
<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"/>
<corners
android:radius="0dp"/>
</shape>
Você pode criar este 'meio-gradiente' veja usando um xml Layer-List para combinar o topo e o fundo 'bandas' em um arquivo. Cada banda tem a forma de um xml.
Veja esta resposta anterior em SO para um tutorial detalhado: Formas Multi-gradientes.
Primeiro você precisa criar um gradiente.xml da seguinte forma
<shape>
<gradient android:angle="270" android:endColor="#181818" android:startColor="#616161" />
<stroke android:width="1dp" android:color="#343434" />
</shape>
Em seguida, você precisa mencionar acima o gradiente no fundo do layout, como a seguir
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/gradient"
>
</LinearLayout>
Porque não criar uma imagem ou uma imagem de 9 Patch e usá-la?
O link abaixo tem um bom guia de como fazê-lo:
http://android.amberfog.com/?p=247
Se você insiste em usar uma Forma, tente o site abaixo (Selecione Android no canto inferior esquerdo): http://angrytools.com/gradient/
I'criei um gradiente similar (não exato) ao que você tem neste link: http://angrytools.com/gradient/?0_6586f0,54_4B6CD6,2_D6D6D6&0_100,100_100&l_269