es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Podemos realmente crear 2 drawableLeft en Android?

Estaba preguntándome si hay alguna forma de crear 2 drawableLeft en nuestro diseño de Android. Tengo un escenario en el que necesito usar 2 drawables. Cualquier persona con sugerencias, por favor anótalas.

Editar: Este es el diseño que quiero diseñar.

layout

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Sí, es posible usar 2 drawableLeft en un diseño de Android. Para lograr esto, puedes crear un LayerDrawable que contenga dos Drawables y establecerlo como el drawableLeft del TextView. Aquí tienes un ejemplo:

    <textview android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Algo de texto" android:drawablepadding="8dp" android:drawableleft="@drawable/layer_drawable"></textview>
    

    En tu carpeta res/drawable, crea un archivo llamado layer_drawable.xml y agrega el siguiente código:

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item>
            <bitmap android:src="@drawable/drawable_1" android:gravity="center_vertical|start" android:layout_marginright="8dp"></bitmap>
        </item>
    
        <item>
            <bitmap android:src="@drawable/drawable_2" android:gravity="center_vertical|start"></bitmap>
        </item>
    
    </layer-list>
    

    En este ejemplo, drawable_1 y drawable_2 son los dos Drawables que deseas utilizar como drawableLeft. Puedes reemplazarlos con tus propios Drawables.

    Ten en cuenta que el atributo android:drawablePadding establece el espaciado entre los dos Drawables. Ajusta este valor según tus preferencias. Además, ajusta el atributo android:layout_marginRight del primer elemento Drawable para agregar un espacio entre el TextView y el primer Drawable.

    El resultado debería ser un TextView con dos Drawables a la izquierda, como se muestra en la imagen que proporcionaste.

Comments are closed.