Cómo ocultar la barra inferior en EditText

¿Cómo puedo ocultar la barra inferior de EditText (la línea de solicitud con pequeñas serif en los extremos)?

Puede haber una mejor manera de hacer lo que quiero: tengo un diseño con EditText. Normalmente, esto se muestra bien donde el usuario puede tocarlo y comenzar a ingresar o editar texto.

A veces, sin embargo, me gustaría usar el mismo diseño (simplifica otra lógica) para mostrar los mismos datos de una manera de solo lectura. Quiero que la presentación sea similar: debe tener la misma altura y la misma fuente, pero no la barra inferior.

Como medida provisional, voy a implementar esto eliminando el EditText y sustituyendo un TextView. Creo que eso dará los resultados deseados, pero parece una rotonda una forma costosa de hacer algo que debería ser fácil cambiando los atributos.

Puede configurar el EditTextpara tener un dibujo transparente transparente personalizado o simplemente usar

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

o

android:background="@null"

o programáticamente

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

Establecer fondo a nulo.

android:background="@null"

Puede establecer EditTextel backgroundTintvalor de un color específico. Si establece un color transparente, la barra inferior debería desaparecer.

android:backgroundTint="@color/Transparent"

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

Pero puedes usar esto en Api v21(Lollipop)o más alto

Establezca su fondo de edición de texto como

android:background="#00000000"

Funcionará.

Puede hacerlo mediante programación usando setBackgroundResource:

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

Lo que hice fue crear una forma dibujable y establecerla 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: Realmente utilicé @dimeny @colorvalores para firelds, pero he simplificado el archivo de forma aquí para mayor claridad.

Usando cualquiera de las propiedades:

android:background="@null"

O

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

funcionó para mí ocultar el subrayado de EditText.

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

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)

Actualizar:

Si se encuentra siempre pasando nulo, puede codificar eso en el método (y luego también podría sobrecargar EditText)

fun EditText.removeUnderline() {
    val paddingBottom = this.paddingBottom
    val paddingStart = ViewCompat.getPaddingStart(this)
    val paddingEnd = ViewCompat.getPaddingEnd(this)
    val paddingTop = this.paddingTop
    ViewCompat.setBackground(this, null)
    ViewCompat.setPaddingRelative(this, paddingStart, paddingTop, paddingEnd, paddingBottom)
}

// usage:
editText.removeUnderline()

También debe 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"
            />

En mi caso, estaba usando un fondo personalizado para editar texto, por lo que establecer el fondo en @null o establecer el tinte en transparente no era la solución para mí, así que jugué un pequeño truco que funcionó muy bien para mí.

android:inputType="textVisiblePassword"

y hace el trabajo bastante bien ... no es la solución óptima pero funciona

Tengo algo como esto que es muy muy útil:

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

donde generalEditText 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"tantas sugerencias, pierde el relleno y EditText se vuelve más pequeño. Al menos, fue mi caso.

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

¡Descubrí lo más curioso! Si lo configura para nullusar 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. Entonces, por alguna razón, la configuración nula diferida no borra el relleno del bg anterior ...? El relleno en la vista es 4dp izquierda / superior / derecha, 13dp inferior (desde el nivel 21 del emulador).

Es posible que no tenga el mismo resultado final en todos los niveles de API, ¡así que tenga cuidado! Alguien dígame si prueba esto y lo encuentra confiable. (También tenga en cuenta que ese relleno inferior sobresale debido a ese subrayado que estaba en el original. Por lo tanto, es probable que desee cambiarlo en el XML o restablecerlo en el código después de que se cargue en la parte superior igual ...

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

android:textCursorDrawable="@null"

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

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

Un ejemplo del dibujo 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 cuál es la implementación de diseño de material predeterminada.

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

Simplemente use esto

 editText.setBackgroundColor(Color.TRANSPARENT);

También puede definir un ESTILO para su editText para que pueda reagrupar todas las propiedades en común. Es muy poderoso si tiene que editar múltiples textos que necesitan 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 necesita 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" />

Uso programático: editText.setBackground(null)

De xmluso:android:background="@null"

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

O

android:background="@null"

android: inputType = "textVisiblePassword | textMultiLine" android: background = "@ android: color / transparent"

... no es la solución óptima pero funciona.

Establecer fondo como nulo

android:background="@null" in your xml 

En mi caso, editText.setBackgroundResource(R.color.transparent);es lo mejor.

No elimina el relleno predeterminado, justo debajo de la barra.

R.color.transparent = #00000000

si está utilizando el fondo, debe usar esta etiqueta

android:testCursorDrawable="@null" 

Para conservar los márgenes y el color de fondo, use:

background.xml

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

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

    <solid android:color="@android:color/transparent" />

</shape>

Editar texto:

<androidx.appcompat.widget.AppCompatEditText
    android:id="@+id/none_content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/background"
    android:inputType="text"
    android:text="First Name And Last Name"
    android:textSize="18sp" />