sirve - Android: Diseño XML de bordes redondeados de TextView con encabezado personalizado

textview android studio español

Question

Me gustaría crear un diseño XML personalizado para mi TextView, usando esquinas redondeadas y un encabezado personalizado, como este ejemplo.

Encontré este enlace muy útil que crea el siguiente resultado bastante similar.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Bottom 2dp Shadow -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#d8d8d8" />
            <corners android:radius="7dp" />
        </shape>
    </item>

    <!-- White Top color -->
    <item android:bottom="3px">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="7dp" />
        </shape>
    </item>
</layer-list>

Me pregunto si es posible modificar el diseño XML anterior para obtener el estilo "AGREGAR AMIGO" del encabezado, que es el fondo gris más oscuro y el divisor entre la vista de texto del encabezado ("AGREGAR AMIGO") y la vista de texto a continuación (la que contiene el " Apodo o correo electrónico "y el botón" buscar ").

Estoy pensando que probablemente sea más fácil hacerlo con una imagen / fondo dibujable, pero hacerlo en XML sería increíble (en términos de reutilización, por ejemplo).

¡Cualquier ayuda o sugerencia sobre cómo proceder es muy bienvenida!

Answer 1

si no usa la imagen para eso, entonces necesita tres xml en drawable y cree este tipo de diseño: 1 linearlayout_background.xml

<?xml version="1.0" encoding="utf-8"?>

<item>
    <shape android:shape="rectangle" >
        <solid android:color="#CABBBBBB" />

        <corners android:radius="2dp" />
    </shape>
</item>
<item
    android:bottom="2dp"
    android:left="0dp"
    android:right="0dp"
    android:top="0dp">
    <shape android:shape="rectangle" >
        <solid android:color="@android:color/white" />

        <corners android:radius="2dp" />
    </shape>
</item>

2. fondo del encabezado :

       <corners android:topLeftRadius="5dp" android:topRightRadius="5dp" />
   
       <solid android:color="@color/off_black1" />
   </shape></item>

3. buttonbackground

       <corners android:radius="5dp" />
   
       <solid android:color="#00000000" />
   
       <stroke android:width="1dp" android:color="@color/off_white2" />
   </shape></item>