EditTextでアンダーバーを非表示にする方法

EditTextアンダーバー（最後に小さなセリフが付いたプロンプトライン）を非表示にするにはどうすればよいですか？

私がやりたいことを行うためのより良い方法があるかもしれません：EditTextのレイアウトがあります。通常、これはユーザーがタップしてテキストの入力または編集を開始できる場所に表示されます。

ただし、同じレイアウトを使用して（他のロジックを簡略化）、同じデータを読み取り専用で表示したい場合があります。プレゼンテーションを同様にしたい-それは同じ高さと同じフォントを持っている必要がありますが、アンダーバーはありません。

応急措置として、EditTextを削除してTextViewを置き換えることにより、これを実装します。私はそれで望ましい結果が得られると思いますが、属性を変更することで簡単に実行できるはずのことを行うには、高価な方法のように見えます。

EditTextカスタムの透明なドローアブルを設定するか、または

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

または

android:background="@null"

またはプログラム的に

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

背景をnullに設定します。

android:background="@null"

EditTextの backgroundTint値を特定の色に設定できます。透明色を設定すると、アンダーバーが消えるはずです。

android:backgroundTint="@color/Transparent"

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

しかし、これはApi v21(Lollipop)以上で使用できます

edittextの背景を次のように設定してください

android:background="#00000000"

それが動作します。

あなたはプログラムを使用してそれを行うことができますsetBackgroundResource：

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

私がしたことは、Shapeドローアブルを作成し、それを背景として設定することでした。

<?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>

注：実際に@dimenとの@color値を使用しましたが、ここではわかりやすくするためにシェイプファイルを簡略化しています。

いずれかのプロパティを使用：

android:background="@null"

または

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

EditTextの下線を隠すために私のために働いた。

ただし、それにより、TextInputLayoutでスペースの問題が発生することに注意してください。 EditText

デフォルトのパディングを台無しにせずに非表示にする方法は次のとおりです。

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)
}

使用法：

editText.setViewBackgroundWithoutResettingPadding(null)

更新：

常にnullを渡すことに気付いた場合は、メソッドでコード化できます（そして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()

minWidthも設定する必要があります。そうしないと、テキストが空の場合、カーソルが消えます。

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

私の場合、編集テキストにカスタム背景を使用していたため、背景を@nullに設定したり、色合いを透明に設定したりするのは私にとっては解決策ではなかったので、ちょっとしたトリックをやってみました。

android:inputType="textVisiblePassword"

そしてそれは仕事をかなりうまくやります..それは最適な解決策ではありませんが、それは機能します

私は非常に非常に便利なこのようなものを持っています：

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

ここで、generalEditTextは私のEditTextで、白は次のとおりです。

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

これはパディングを削除せず、EditTextはそのまま残ります。一番下の行だけが削除されます。このようにする方が便利な場合があります。

android:background="@null"提案されている数を使用すると、パディングが失われ、EditTextが小さくなります。少なくとも、それは私の場合でした。

ちょっとした注意点として、background nullを設定して、上記で提供したJavaコードを試すと、実行直後にアプリがクラッシュします。（背景を取得するがnullであるため）自明かもしれませんが、指摘することが重要だと思います。

私は最も興味深いものを発見しました！nullデータバインディングを使用するように設定した場合： android:background="@{null}"

その後、背景が削除されるだけでなく、ビューにはデフォルトの背景から計算されたパディングが残っています。したがって、何らかの理由で遅延null設定では、前のbgからのパディングはクリアされません。ビューのパディングは、左/上/右4 dp、下13 dp（エミュレータレベル21から）です。

すべてのAPIレベルで同じ結果になるとは限らないため、注意してください！これをテストして信頼できると誰かが言った。（また、元のアンダーラインが原因で下のパディングが突き出ていることに注意してください。そのため、XMLで変更するか、同じトップにロードされた後にコードでリセットする必要があります...

エディットテキストに既に背景がある場合は、以下を使用できます。

android:textCursorDrawable="@null"

これをEditTextのすべてのインスタンスとそれから継承するクラスに影響を与えたい場合は、テーマにeditTextBackground属性の値を設定する必要があります。

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

私が使用するドローアブルの例は次のとおりです。

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

これは、デフォルトのマテリアルデザインの実装を少し変更したバージョンです。

適用すると、すべてのEditTextがアプリ全体で下線を削除します。スタイルを1つ1つすべてに手動で適用する必要はありません。

単にこれを使う

 editText.setBackgroundColor(Color.TRANSPARENT);

editTextのSTYLEを定義して、すべてのプロパティを共通に再グループ化することもできます。動作を必要とする複数の編集テキストが必要な場合、それは非常に強力です

コードを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>

その後、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" />

プログラムで使用： editText.setBackground(null)

xml使用から：android:background="@null"

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

または

android:background="@null"

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

...最適なソリューションではありませんが、機能します。

背景をnullに設定

android:background="@null" in your xml 

私の場合、editText.setBackgroundResource(R.color.transparent);最高です。

バーのすぐ下のデフォルトのパディングは削除されません。

R.color.transparent = #00000000

背景を使用している場合は、このタグを使用する必要があります

android:testCursorDrawable="@null" 

マージンと背景色の両方を保持するには：

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>

テキストを編集：

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