Android dibujable con fondo y degradado a la izquierda

W gustaría tener un drawable que tiene fondo y gradiente a la izquierda que es de alrededor de 10dp ancho.

Imagen de lo que me gustaría lograr:

Introduzca aquí la descripción de la imagen

  1. Gradiente rojo a la izquierda
  2. Antecedentes sobre el resto

¿Cómo puedo lograr eso?

He intentado layer-list con dos formas pero sin suerte.

Fondo del artículo:

 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item android:drawable="@drawable/background" /> <item android:drawable="@drawable/gradient" /> </layer-list> 

Fondo dibujable:

 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@color/black" /> </shape> 

Forma dibujable:

 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#FFFF0000" android:endColor="#80FF00FF" android:angle="90"/> <size android:width="10dp" /> </shape> 

Crear sidecolor (o cualquier nombre que desee) XML en carpeta dibujable como abajo:

  <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/background" android:bottom="5dp" android:top="5dp" android:left="5dp" android:right="5dp"/> <item android:drawable="@drawable/red" android:bottom="5dp" android:top="5dp" android:left="5dp" android:right="280dp" /> </layer-list> 

A continuación, crear XML de fondo:

  <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="@android:color/black" /> </shape> 

Entonces XML rojo como forma:

  <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#B22222" /> </shape> 

IMAGEN DE SALIDA:

Introduzca aquí la descripción de la imagen

TAMBIÉN puede crear XML rojo como gradiente:

  <?xml version="1.0" encoding="utf-8" ?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <gradient android:startColor="#B22222" android:centerColor="#FFFFFF" android:endColor="#B22222" android:angle="0" /> </shape> 

IMAGEN DE SALIDA:

Introduzca aquí la descripción de la imagen

ACTUALIZAR:

TAMBIÉN usted puede hacerlo de esta manera para alinearlo a la izquierda también controlar su tamaño como usted necesita,

Primero cree un XML y lo llamará side color.xml y consulte view to it by:

 android:background="@drawable/sidecolor" 

Sidecolor.xml:

  <?xml version="1.0" encoding="utf-8" ?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="rectangle"> <solid android:color="#FF0000" /> </shape> </item> <item android:left="10dp"> <shape android:shape="rectangle"> <solid android:color="#000000" /> </shape> </item> </layer-list> 

IMAGEN DE SALIDA:

Introduzca aquí la descripción de la imagen

Espero te ayude.

  • Azure Mobile Services SDK disponible a través de Gradle para Android?
  • Gradiente circular en android
  • Sweep Gradient: Qué es y sus ejemplos
  • Gradle para Android, AARs y dependencias condicionales
  • ¿Soporta Android la progresión no lineal en gradientes?
  • Android crear iphone-como Gradiente
  • Degradables de Android: mala calidad de las capturas de pantalla en Eclipse
  • ¿Puede el color central ser reposicionado en un androide radial-gradiente dibujable?
  • Android XML dibujable degradado transparente
  • Android LinearLayout Gradiente de fondo
  • Android-cómo hacer un gradiente de 4 colores de alta calidad?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.