Como ocultar barra inferior no EditText

Como ocultar a barra inferior do EditText (a linha de prompt com pequenas serifas no final)?

Pode haver uma maneira melhor de fazer o que eu quero: eu tenho um layout com um EditText. Normalmente, isso é exibido bem onde o usuário pode tocar nele e começar a inserir ou editar o texto.

Às vezes, porém, eu gostaria de usar o mesmo layout (simplifica outra lógica) para exibir os mesmos dados de maneira somente leitura. Quero que a apresentação seja semelhante - ela deve ter a mesma altura e a mesma fonte, mas não a barra inferior.

Como uma medida de intervalo, vou implementar isso removendo o EditText e substituindo um TextView. Eu acho que isso dará os resultados desejados, mas parece uma maneira indireta de fazer algo que deve ser fácil, alterando os atributos.

Você pode definir EditTextum drawable transparente personalizado ou apenas usar

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

ou

android:background="@null"

ou programaticamente

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

Defina o plano de fundo como nulo.

android:background="@null"

Você pode definir EditTexto backgroundTintvalor de uma cor específica. Se você definir cores transparentes, a barra inferior deverá desaparecer.

android:backgroundTint="@color/Transparent"

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

Mas você pode usar isso em Api v21(Lollipop)ou superior

Defina seu plano de fundo do edittext como

android:background="#00000000"

Vai funcionar.

Você pode fazer isso programaticamente usando setBackgroundResource:

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

O que fiz foi criar um drawable Shape e defini-lo como plano de fundo:

<?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: Eu realmente utilizados @dimene @coloros valores para os firelds, mas eu simplificou o arquivo de forma aqui para maior clareza.

Usando qualquer propriedade:

android:background="@null"

OU

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

trabalhou para eu esconder o sublinhado do EditText.

No entanto, observe que isso causa um problema de espaçamento com o TextInputLayout que envolvi o EditText

Aqui está uma maneira de escondê-lo, sem arruinar o preenchimento padrão:

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)

Atualizar:

Se você estiver sempre passando nulo, poderá codificá-lo no método (e poderá sobrecarregar o próprio 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()

Você também deve definir uma minWidth, caso contrário, o cursor desaparecerá se o texto estiver vazio.

        <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"
            />

No meu caso, eu estava usando o plano de fundo personalizado para editar o texto, portanto, definir o plano de fundo como @ nulo ou definir o tom como transparente não era a solução para mim, então joguei um pequeno truque que funcionou muito bem para mim.

android:inputType="textVisiblePassword"

e faz o trabalho muito bem .. não é a solução ideal, mas funciona

Eu tenho algo parecido com isto que é muito, muito útil:

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

onde generalEditText é meu EditText e a cor branca é:

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

Isso não removerá o preenchimento e o EditText permanecerá como está. Somente a linha na parte inferior será removida. Às vezes é mais útil fazer assim.

Se você usar android:background="@null" o máximo de sugestões, você perde o preenchimento e o EditText fica menor. Pelo menos, foi o meu caso.

Uma pequena observação: se você definir o fundo como nulo e tentar o código java que forneci acima, seu aplicativo falhará imediatamente após executá-lo. (porque obtém o plano de fundo, mas é nulo.) Pode ser óbvio, mas acho importante salientar.

Eu descobri a coisa mais curiosa! Se você configurá-lo paranull usar Ligação de Dados: android:background="@{null}"

Além disso, o fundo não é removido, mas a exibição ainda possui o preenchimento calculado a partir do fundo padrão. Portanto, por algum motivo, a configuração nula adiada não limpa o preenchimento da página anterior ..? O preenchimento na exibição é esquerdo / superior / direito 4dp, 13dp inferior (do nível 21 do emulador).

Pode não ter o mesmo resultado final em todos os níveis da API, então cuidado! Alguém me diga se você testar isso e achar confiável. (Observe também que esse preenchimento inferior se destaca por causa do sublinhado que estava no original. Portanto, você provavelmente desejará alterá-lo no XML ou redefini-lo no código depois de carregado para igual ao topo ...

se o seu texto de edição já tiver um plano de fundo, você poderá usar os seguintes.

android:textCursorDrawable="@null"

Se você deseja que isso afete todas as instâncias do EditText e qualquer classe que herda dele, defina em seu tema o valor do atributo, editTextBackground.

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

Um exemplo do drawable que eu uso é:

<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 é uma versão ligeiramente modificada da implementação padrão do design do material.

Quando aplicado, todo o EditText remove o sublinhado do aplicativo, e você não precisa aplicar o estilo manualmente a todos.

Simplesmente use isto

 editText.setBackgroundColor(Color.TRANSPARENT);

Você também pode definir um ESTILO para o seu editText para poder reagrupar todas as propriedades em comum. É muito poderoso se você precisar editar vários textos que precisam ter o comportamento

Coloque o código em 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>

Depois disso, você só precisa chamá-lo em seu 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" />

Programaticamente usar: editText.setBackground(null)

De xmluso:android:background="@null"

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

Ou

android:background="@null"

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

... não é a solução ideal, mas funciona.

Definir plano de fundo como nulo

android:background="@null" in your xml 

No meu caso, editText.setBackgroundResource(R.color.transparent);é melhor.

Não remove o preenchimento padrão, logo abaixo da barra.

R.color.transparent = #00000000

se você estiver usando plano de fundo, deverá usar esta tag

android:testCursorDrawable="@null" 

Para manter as margens e a cor do plano de fundo, 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" />