Cómo ocultar underbar en EditText

Establece background en null.

android:background="@null"

Por favor, establezca su fondo edittext como

android:background="#00000000"

Funcionará.

Puede establecer EditText's backgroundTint valor a un color específico. Si establece el color transparente, underbar debe desaparecer.

android:backgroundTint="@color/Transparent"

<color name="Transparent">#00000000</color>

Pero puedes usar esto en Api v21(Lollipop) o superior

Puedes hacerlo programáticamente usando setBackgroundResource:

editText.setBackgroundResource(android.R.color.transparent);

Usando cualquiera de las propiedades:

android:background="@null"

O

android:background="@android:color/transparent"

Funcionó para mí para ocultar el subrayado del EditText.

Sin embargo, tenga en cuenta que luego causa un problema de espaciado con el TextInputLayout que he rodeado el EditText

Lo que hice fue crear un elemento de diseño de Forma y establecerlo como fondo:

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <padding
        android:top="8dp"
        android:bottom="8dp"
        android:left="8dp"
        android:right="8dp" />

    <solid android:color="#fff" />

</shape>

Nota: En realidad usé @dimen y @color valores para los firelds, pero he simplificado el archivo de forma aquí para mayor claridad.

Aquí hay una manera de ocultarlo, sin arruinar el relleno predeterminado:

fun View.setViewBackgroundWithoutResettingPadding(background: Drawable?) {
    val paddingBottom = this.paddingBottom
    val paddingStart = ViewCompat.getPaddingStart(this)
    val paddingEnd = ViewCompat.getPaddingEnd(this)
    val paddingTop = this.paddingTop
    ViewCompat.setBackground(this, background)
    ViewCompat.setPaddingRelative(this, paddingStart, paddingTop, paddingEnd, paddingBottom)
}

Uso:

editText.setViewBackgroundWithoutResettingPadding(null)

También tiene que establecer un MinWidth, de lo contrario el cursor desaparecerá si el texto está vacío.

        <EditText
            android:id="@+id/et_card_view_list_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:minWidth="30dp"
            android:layout_weight="1"
            android:inputType="text"
            android:text="Name"
            android:background="@android:color/transparent"
            />

Si su texto de edición ya tiene un fondo, puede usar lo siguiente.

android:textCursorDrawable="@null"

Descubrí lo más curioso! Si lo establece en null usando enlace de datos: android:background="@{null}"

Entonces no solo se elimina el fondo, sino que la vista todavía tiene el relleno que se calculó a partir del fondo predeterminado. Así que por alguna razón el valor null diferido no borra el relleno del bg anterior..? El relleno en la vista es 4dp izquierda / arriba / derecha, 13dp inferior (desde el nivel 21 del emulador).

Puede que no tenga el mismo resultado final en todos los niveles de API, ¡así que ten cuidado! Que alguien me diga si prueba esto y lo encuentras confiable. (También tenga en cuenta que el relleno inferior sobresale debido a ese subrayado que estaba en el original. Así que probablemente quieras cambiarlo en el XML, o restablecerlo en el código después de cargarlo en la parte superior igual...

También puede definir un ESTILO para su EditText para que pueda reagrupar todas las propiedades en común. Es muy potente si tienes que editar texto múltiple que necesita tener el comportamiento

Ponga el código en res/values/styles.xml

<style name="MyEditTextStyle" parent="@android:style/TextAppearance.Widget.EditText">
    <item name="android:background">@color/transparence</item> //NO UNDERBAR
    <item name="android:maxLines">1</item>
    <item name="android:height">28dp</item> //COMMON HEIGHT
</style>

Después de eso, solo tiene que llamarlo en su EditText

                   <EditText
                    android:id="@+id/edit1"
                    style="@style/MyEditTextStyle"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" />
                   <EditText
                    android:id="@+id/edit2"
                    style="@style/MyEditTextStyle"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" />

Si desea que esto afecte a todas las instancias de EditText y cualquier clase que herede de ella, entonces debe establecer en su tema el valor para el atributo, editTextBackground.

  <item name="android:editTextBackground">@drawable/bg_no_underline</item>

Un ejemplo del elemento de diseño que uso es:

<inset xmlns:android="http://schemas.android.com/apk/res/android"
     android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
     android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
     android:insetTop="@dimen/abc_edit_text_inset_top_material"
     android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">
    <selector>
      <item android:drawable="@android:color/transparent"/>
    </selector>
</inset>

Esta es una versión ligeramente modificada de lo que es la implementación predeterminada de material design.

Cuando se aplica, hará que todo tu EditText elimine el subrayado en toda la aplicación, y no tienes que aplicar el estilo a todos y cada uno manualmente.

Tengo algo como esto que es muy muy útil:

generalEditText.getBackground().mutate().setColorFilter(getResources().getColor(R.color.white), PorterDuff.Mode.SRC_ATOP);

Donde Generaleditext es mi EditText y el color blanco es:

<color name="white">#ffffff</color>

Esto no eliminará el relleno y su EditText permanecerá como está. Solo se eliminará la línea en la parte inferior. A veces es más útil hacerlo así.

Si usa android:background="@null" como muchos sugirieron, pierde el relleno y EditText se vuelve más pequeño. Al menos, era mi caso.

Una pequeña nota al margen es si establece background null y pruebe el código java que proporcioné anteriormente, su aplicación se bloqueará justo después de ejecutarlo. (porque obtiene el fondo pero es nulo.) Puede ser obvio, pero creo que señalarlo es importante.