formas anidadas en sdk de Android

shapes xamarin.android

Question

Hola, estoy tratando de dibujar una forma que tenga tres formas rectangulares: 1. color sólido 2. degradado 3. línea blanca ¿Cómo hago eso? Cuando intento esto, no funciona. El diseño tiene el color principal.

<shape 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:height="60px"
    >
    <shape 
        android:shape="rectangle" 
        android:height="30px"
        >
        <solid 
            android:color="#ff297baf" 
            />
    </shape>
    <shape 
        android:shape="rectangle"
        android:height="30px"
        >
         <gradient
  android:type="linear"
  android:startColor="#ff297baf"
  android:endColor="#ff16c0e3"
  android:angle="270"/> 
    </shape>
    <shape
        android:shape="rectangle"
        android:height="3px"
        >
        <solid 
            android:color="#FFFFFFFF"
            />
    </shape>
</shape>

Estoy tratando de hacer un degradado en 3 colores. Comience con un color sólido #ff297baf , al 60% comience un degradado de #ff297baf a #ff16c0e3 y agregue una línea al final.

Answer 1

Si va a considerar el uso de formas múltiples, debe probar un LayerListDrawable. Algo como esto funciona para mí, pero solo para su altura de ejemplo de 60px. Puede que tenga que modificarlo para que se ajuste exactamente a sus necesidades, pero esto debería darle un buen comienzo:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <gradient
            android:angle="270"
            android:endColor="#ff16c0e3"
            android:startColor="#ff297baf"
            android:type="linear" />
    </shape>
</item>
<item android:top="57px">
    <shape android:shape="rectangle">
        <solid android:color="#FFFFFFFF" />
        <size android:height="3px" />
    </shape>
</item>