Estoy buscando una manera, Cómo agregar dos colores dentro de un borde al igual que lo que esta persona ha hecho en esta imagen borde CSS de 2 colores pero estoy más interesado en saber cómo se logra esto en Android.

El objetivo es tener algo que se parezca a esto https://github.com/lorensr/segmented-control para mi aplicación. Pero con dos colores diferentes dentro del borde que cambian entre sí cuando el botón está enfocado.

Que tengas un buen día :)

-2
user5668480 16 oct. 2018 a las 23:31

2 respuestas

La mejor respuesta

Puede usar layer-list y una capa con un fondo degradado y un segundo diseño con color sólido con todo el relleno lateral, como se muestra a continuación.

<?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="180"
                android:endColor="#00f"
                android:startColor="#f00" />
        </shape>
    </item>
    <item
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp">
        <shape
            android:shape="rectangle">
            <solid android:color="#0f0" />

        </shape>
    </item>
</layer-list>

En este ejemplo, di 10 dp (en

android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="10dp"

) solo para ver más claro, puede cambiar el valor como desee.

1
Muthukrishnan Rajendran 16 oct. 2018 a las 20:58

Puede utilizar un archivo de base xml personalizado como this y utilizar una base personalizada

0
Ahmed selim üzüm 16 oct. 2018 a las 20:34