Eu quero criar um fundo gradiente onde o gradiente está na metade superior e há uma cor sólida na metade inferior, como nesta imagem abaixo:
Eu não posso, porque o se centerColor
espalha para cobrir o fundo e o topo.
Como criar um plano de fundo como a primeira imagem? Como posso fazer pequenos centerColor
que não estão espalhados?
Este é o código em XML do botão de plano 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>
android
background
gradient
shapes
kongkea
fonte
fonte
Respostas:
Você pode criar essa aparência de 'semi-gradiente' usando uma Lista de camadas xml para combinar as 'bandas' superior e inferior em um arquivo. Cada banda é uma forma xml.
Consulte esta resposta anterior no SO para obter um tutorial detalhado: Formas com vários gradientes .
fonte
Tente com isto:
fonte
Exemplos visuais ajudam nesse tipo de pergunta.
Chapa de ebulição
Para criar um gradiente, você cria um arquivo xml em res / drawable. Estou chamando o meu my_gradient_drawable.xml :
Você o define como plano de fundo de alguma visualização. Por exemplo:
type = "linear"
Defina
angle
para umlinear
tipo. Deve ser um múltiplo de 45 graus.type = "radial"
Defina
gradientRadius
para umradial
tipo. Usar%p
significa que é uma porcentagem da menor dimensão do pai.type = "varredura"
Não sei por que alguém usaria uma varredura, mas estou incluindo-a por completo. Não consegui descobrir como alterar o ângulo, por isso estou incluindo apenas uma imagem.
Centro
Você também pode alterar o centro dos tipos de varredura ou radial. Os valores são frações da largura e altura. Você também pode usar
%p
notação.fonte
O link a seguir pode ajudá-lo http://angrytools.com/gradient/ .Isso criará um fundo gradiente personalizado no android, como no photoshop.
fonte
Primeiro, você precisa criar um gradient.xml da seguinte maneira
Então, você precisa mencionar o gradiente acima no plano de fundo do layout.
fonte
Ou você pode usar no código o que você pode imaginar no PSD:
fonte
Consulte aqui https://android--code.blogspot.in/2015/01/android-button-gradient-color.html
fonte
Use esse código na pasta drawable.
fonte
Por que não criar uma imagem ou uma imagem 9 Patch e usá-la?
O link abaixo tem um bom guia sobre como fazê-lo:
http://android.amberfog.com/?p=247
Se você insistir em usar um Shape, tente o site abaixo (selecione Android no canto inferior esquerdo): http://angrytools.com/gradient/
Eu criei um gradiente semelhante (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
fonte