如何在EditText中隐藏下划线

如何隐藏EditText底部栏（在提示行的末尾带有小衬线）？

可能有一种更好的方式来做我想做的：我有一个带有EditText的布局。通常，在用户可以点击它并开始输入或编辑文本的地方，它显示得很好。

但是，有时我想使用相同的布局（简化其他逻辑）以只读方式显示相同的数据。我希望演示文稿是相似的-它应该具有相同的高度和字体，但没有下划线。

作为权宜之计，我将通过删除EditText并替换为TextView来实现此目的。我认为这将达到预期的结果，但是似乎通过a回绕是一种昂贵的方法，可以通过更改属性来轻松完成某件事。

您可以将设置EditText为具有自定义透明可绘制对象，也可以仅使用

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

要么

android:background="@null"

或以编程方式

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

将背景设置为空。

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>

注意：实际上，我为firelds 使用@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"

它可以很好地完成工作。.它不是最佳解决方案，但可以工作

如果您的编辑文本已经具有背景，则可以使用以下内容。

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都在整个应用程序中删除下划线，并且您不必手动将样式应用于每个样式。

我有这样的东西非常有用：

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代码，则您的应用在执行后将立即崩溃。（因为它有背景，但它为空。）这很明显，但我认为指出这一点很重要。

只需使用此

 editText.setBackgroundColor(Color.TRANSPARENT);

我发现了最奇怪的事情！如果将其设置为null使用数据绑定： android:background="@{null}"

然后不仅移除了背景，而且视图仍然具有根据默认背景计算出的填充。所以由于某种原因，延迟的null设置不能清除前一个bg的填充。视图上的填充为左/上/右4dp，下13dp（来自仿真器级别21）。

在所有API级别上可能不会有相同的最终结果，所以要当心！有人告诉我，如果您对此进行测试并认为可靠。（还要注意，由于原始内容中存在下划线，因此底部填充会突出显示。因此，您可能需要在XML中对其进行更改，或者在将其加载到相等的顶部之后在代码中对其进行重置...

您还可以为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”

...这不是最佳解决方案，但可以。

将背景设置为空

android:background="@null" in your xml 

就我而言，editText.setBackgroundResource(R.color.transparent);是最好的。

它不会删除默认填充，仅在bar下。

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