android - outlined - Icono izquierdo en TextInputLayout

textinputlayout android

Question

Estoy tratando de agregar un icono izquierdo a mi TextInputLayout, pero el texto supera el icono. Cuando agrego un relleno, todo se mueve junto.

Lo intenté con

 android:drawableLeft="@drawable/ic_store_white_48dp"
 android:drawablePadding="50dp"
 android:drawableStart="@drawable/ic_store_white_48dp"

Pero no está funcionando ! Debería implementar un LinearLayout horizontal para cada fila, pero me gustaría estar seguro de que no hay una forma más fácil de hacerlo

Aquí está mi diseño de código:

        <android.support.design.widget.TextInputLayout
            android:id="@+id/til_calle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">


            <EditText
                android:id="@+id/et_calle"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:drawableLeft="@drawable/ic_store_white_48dp"
                android:drawablePadding="50dp"
                android:drawableStart="@drawable/ic_store_white_48dp"
                android:hint="Calle"
                android:inputType="text" />

        </android.support.design.widget.TextInputLayout>

Answer 1

Aquí está mi diseño de código:

 <android.support.design.widget.TextInputLayout
            android:id="@+id/input_layout_username"
            android:layout_width="match_parent"

            android:layout_height="wrap_content">

            <EditText
                android:id="@+id/input_username"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:drawableLeft="@drawable/icon_user"
                android:drawableStart="@drawable/icon_user"
                android:drawablePadding="10dp"
                android:hint="User Name" />
        </android.support.design.widget.TextInputLayout>

Android: drawablePadding = "10dp"

Es trabajo

Answer 2

Asegúrese de estar usando la última biblioteca de Design , todo lo que necesita tanto para Design como para AppCompat es:

compile ''com.android.support:design:23.2.0''

Intente utilizar la biblioteca de diseño TextInputLayout y AppCompat''s AppCompatEditText .

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:textColor="@android:color/white"
    android:textColorHint="@color/loginHint">

    <android.support.v7.widget.AppCompatEditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:imeOptions="actionNext"
        android:inputType="textEmailAddress|textNoSuggestions"
        android:minWidth="350dp"
        android:drawableLeft="@drawable/ic_store_white_48dp"
        android:drawableStart="@drawable/ic_store_white_48dp"
        android:textColor="@android:color/white"
        android:textColorHint="@color/loginHint"
        android:textCursorDrawable="@null"
        app:backgroundTint="@android:color/white"/>
</android.support.design.widget.TextInputLayout>

Answer 3

Es simple, cuando se agrega passwordToggleEnabled se agrega automáticamente el icono del ojo a la derecha y el drawableLeft se ha ido. así que tienes que eliminar el drawableLeft y simplemente usar el drawableStart .

<android.support.design.widget.TextInputLayout
        android:id="@+id/til_calle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

      <EditText
            android:id="@+id/et_calle"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:drawablePadding="50dp"
            android:drawableStart="@drawable/ic_store_white_48dp"
            android:hint="Calle"
            android:inputType="text" />

Answer 4

Este es un error que se informó en el Rastreador de problemas de Android

https://code.google.com/p/android/issues/detail?id=225836

y ahora se ha corregido en la última versión de la Biblioteca de soporte de diseño (v25.0.1). Solo agregue la dependencia requerida a la compilación gradle ...

dependencies {
    compile ''com.android.support:design:25.0.1''
}

Answer 5

Sí. Actualmente es un error en el diseño. Puedes intentar darle la izquierda a Editar texto o dar algunos espacios en blanco antes del texto.