2012-02-22 20 views
9

Me gustaría tener un color de fondo de RelativeLayout similar al de una imagen que se muestra en el siguiente enlace. Ignora la franja negra en la mitad inferior de la imagen.Disposición con diferentes colores

image 1

que no quieren usar la imagen como fondo de la disposición. ¿Me puede dar una idea de cómo proceder?

+2

¿Cuál es el problema en realidad se está enfrentando a hacerlo. .? – Mudassir

+0

¿Puedes subir la imagen? No puedo acceder desde aquí. – Hiral

+0

@Hiral - hey, puedo acceder al enlace desde aquí ... – curiousguy

Respuesta

10

Puede usar gradiente. Establece diferentes gradientes en el selector como quieras. ¡Hecho!

GradientDrawable.class

Esto es lo que desea, ajuste sus colores. ¡Disfrutar!

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item android:bottom="30dp"> 
    <shape android:shape="rectangle" > 
     <corners 
     android:topRightRadius="8dip" 
     android:topLeftRadius="8dip" /> 

    <gradient 
     android:startColor="#030303" 
     android:endColor="#3B3B3B" 
     android:angle="270" /> 
    </shape> 
</item> 
<item android:top="30dp" > 
    <shape android:shape="rectangle" > 
     <corners 
     android:bottomLeftRadius="8dip" 
    android:bottomRightRadius="8dip" /> 

    <gradient 
     android:startColor="#4B5057" 
     android:endColor="#4B5059" 
     android:angle="270" /> 
    <size android:height="30dp" /> 
    </shape> 
</item> 
</layer-list> 
+0

Ok ... intentaré eso ... – curiousguy

+0

@curiousguy He editado la respuesta. – SkyWalker

+0

Esto es exactamente lo que quiero. Muchas gracias – curiousguy

5

simplemente intente con la estructura del archivo de forma. Creo que esto puede dar la solución.

+0

¿me puede dar una idea de cómo lograr esto? Quiero sentir que hay una separación completa de colores en el medio. – curiousguy

1

// guardar este código como continuación del gradiente y su uso como fondo de su diseño como

android:background="@drawable/gradient" 

//gradient.xml

<?xml version="1.0" encoding="UTF-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <gradient android:startColor="#232323" android:endColor="#4B5059" 
     android:angle="270"/> 
</shape> 
+0

El código que proporcionó hará que el degradado de color. Pero no quiero eso. Si revisas la imagen, hay una separación de colores en el medio. Quiero tener ese tipo de efecto. – curiousguy

Cuestiones relacionadas