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>