如何在 EditText 中隐藏下划线

Posted

技术标签:

【中文标题】如何在 EditText 中隐藏下划线【英文标题】:How to hide underbar in EditText 【发布时间】:2012-12-08 04:06:41 【问题描述】:

如何隐藏 EditText 下栏(末尾带有小衬线的提示行)?

可能有更好的方法来做我想做的事:我有一个带有 EditText 的布局。通常,在用户可以点击它并开始输入或编辑文本的地方显示良好。

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

作为权宜之计,我将通过删除 EditText 并替换为 TextView 来实现这一点。我认为这会产生预期的结果,但它似乎是一种迂回的方式,是一种昂贵的方式来做一些应该很容易通过改变属性来完成的事情。

【问题讨论】:

可能重复? ***.com/questions/5478109/… 【参考方案1】:

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

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

android:background="@null"

或以编程方式

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

【讨论】:

正如 ha1ogen 所说,最好的答案是制作自定义可绘制对象。从用于普通 EditText 字段的 9-patch 开始。修改它以去除您不想要的下划线和其他图形。这样,您修改后的 EditText 将具有与普通 EditText 字段相同的边距和整体外观。如果您只是将背景设置为空,它将失去边距。 使用这个:android:background="@android:color/transparent" 如果我已经有其他颜色的背景,比如说灰色,在这种情况下如何删除下划线/下划线? 在 Android 19 中,使用 android:background="@android:color/transparent" 会导致相同的边距丢失问题...是否有任何人创建此类自定义可绘制对象的示例? 我们如何在 java 中以编程方式进行操作?【参考方案2】:

请将您的edittext背景设置为

android:background="#00000000"

它会起作用的。

【讨论】:

它会工作,但不正确。如果您只是删除背景,您还将丢失字段周围的边距 - 它们是默认背景的一部分。正如@ha1ogen 建议的那样,正确的解决方案是替换一个根本没有下划线的不同背景 如何以编程方式撤消此操作【参考方案3】:

将背景设置为空。

android:background="@null"

【讨论】:

与 background="#00000000" 相同。实在不行。 这对我有用,但我最终选择了android:background="@android:color/transparent,因为@null 很可怕。 @Richard 为什么@null 很可怕? "@null" 也隐藏了闪烁的光标,"@android:color/transparent" 没有。 @VinayakVNaik 实际上 #00000000 是透明的黑色。不是透明的白色,即#00ffffff【参考方案4】:

您可以将EditTextbackgroundTint 值设置为特定颜色。 如果设置透明色,下划线应该消失。

android:backgroundTint="@color/Transparent"

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

但你可以在Api v21(Lollipop) 或更高版本中使用它

【讨论】:

这比改变整个视图的背景要好得多(正如其他答案所暗示的那样) 它还保留了边距,因为它不会删除背景本身,只是将其颜色更改为透明,所以我选择了这个【参考方案5】:

我所做的是创建一个 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 值作为firelds,但为了清楚起见,我在此处简化了形状文件。

【讨论】:

这也是一个非常好的选择。这是设置自定义可绘制对象的一种变体。【参考方案6】:

使用任一属性:

android:background="@null"

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

帮我隐藏了 EditText 的下划线。

但是,请注意,它会导致我围绕 EditText 的 TextInputLayout 出现间距问题

【讨论】:

间距问题来自错误布局。为了解决这个问题,将 TextInputLayout 的 errorEnabled 属性设置为 false app:errorEnabled="false"【参考方案7】:

您可以使用setBackgroundResource 以编程方式完成此操作:

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

【讨论】:

我不知道为什么,但它不起作用。这条线还在【参考方案8】:

我发现了最奇怪的事情!如果您使用数据绑定将其设置为nullandroid:background="@null"

然后不仅背景被移除,而且视图仍然具有从默认背景计算的填充。所以由于某种原因,延迟的 null 设置不会清除前一个 bg 中的填充..?视图上的内边距是左/上/右 4dp,下 13dp(从模拟器级别 21 开始)。

在所有 API 级别上可能不会有相同的最终结果,所以要小心!有人告诉我您是否对此进行了测试并发现它可靠。 (另请注意,底部填充突出是因为原始中的下划线。所以您可能希望在 XML 中更改它,或者在加载到等于顶部后在代码中重置它......

【讨论】:

【参考方案9】:

如果您的编辑文本已经有背景,那么您可以使用以下。

android:textCursorDrawable="@null"

【讨论】:

虽然这并不能解决问题但对我有帮助。【参考方案10】:

您还可以为您的 editText 定义一个样式,以便您可以重新组合所有共同的属性。如果您必须多次编辑需要具有行为的文本,它非常强大

把代码放到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_
    android:layout_ />

<EditText
    android:id="@+id/edit2"
    style="@style/MyEditTextStyle"
    android:layout_
    android:layout_ />

【讨论】:

【参考方案11】:

这是一种隐藏它的方法,不会破坏默认填充:

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

【讨论】:

这个答案很完美,应该被接受。它可以在不删除默认填充的情况下删除背景。【参考方案12】:

你也必须设置一个minWidth,否则如果文本为空,光标会消失。

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

【讨论】:

【参考方案13】:

如果您希望这影响 EditText 的所有实例以及从它继承的任何类,那么您应该在主题中设置属性 editTextBackground 的值。

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

我使用的drawable的一个例子是:

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

【讨论】:

【参考方案14】:

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

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 会变小。至少,这是我的情况。

一个小提示是,如果您将背景设置为 null 并尝试我上面提供的 java 代码,您的应用程序将在执行后立即崩溃。 (因为它有背景但它是空的。)这可能很明显,但我认为指出它很重要。

【讨论】:

【参考方案15】:

以编程方式使用:editText.setBackground(null)

来自xml 使用:android:background="@null"

【讨论】:

【参考方案16】:

只需使用这个

 editText.setBackgroundColor(Color.TRANSPARENT);

【讨论】:

【参考方案17】:

设置背景为空

android:background="@null" in your xml 

【讨论】:

【参考方案18】:

如果你使用背景,那么你必须使用这个标签

android:testCursorDrawable="@null" 

【讨论】:

【参考方案19】:
android:background="@android:color/transparent"

或者

android:background="@null"

【讨论】:

【参考方案20】:

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

它不会删除默认填充,就在 bar 下。

R.color.transparent = #00000000

【讨论】:

【参考方案21】:

在我的例子中,我使用自定义背景来编辑文本 所以将背景设置为@null 或将色调设置为透明不是我的解决方案 所以我玩了一个小技巧,对我很有效,我刚刚设置了

android:inputType="textVisiblePassword"

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

【讨论】:

我喜欢这个与透明背景结合使用,因为它隐藏了打字时显示在文本下方的栏 - 我想要的只是文本,没有装饰。 这个答案是唯一对我有用的答案,因为我的编辑文本框是以编程方式创建的,并且每个都有不同的背景颜色,因此背景不能为空,并且依赖于父母的背景颜色【参考方案22】:

要同时保留边距和背景颜色,请使用:

背景.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_
    android:layout_
    android:background="@drawable/background"
    android:inputType="text"
    android:text="First Name And Last Name"
    android:textSize="18sp" />

【讨论】:

【参考方案23】:
android:inputType="textVisiblePassword|textMultiLine"
android:background="@android:color/transparent"

...它不是最佳解决方案,但它有效。

【讨论】:

【参考方案24】:

如果您在 TextInputLayout 中使用 EditText,请使用 app:boxBackgroundMode="none",如下所示:

<com.google.android.material.textfield.TextInputLayout
    app:boxBackgroundMode="none"
    ...
    >

    <EditText
        android:layout_
        android:layout_ />

</com.google.android.material.textfield.TextInputLayout>

【讨论】:

【参考方案25】:

另一种选择,您可以像这样创建自己的自定义 EditText:

class CustomEditText : androidx.appcompat.widget.AppCompatEditText 
    constructor(context: Context?) : super(context)
    constructor(context: Context?, attrs: AttributeSet?) : super(context, attrs)
    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr)

    private val paint = Paint()
    private val path = Path()

    init  // hide your underbar
        this.setBackgroundResource(android.R.color.transparent)

        // other init stuff...
    

    override fun onDraw(canvas: Canvas?) 
        super.onDraw(canvas)

        // draw your canvas...
    

【讨论】:

【参考方案26】:

在您的 XML 编辑文本中使用此代码

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

【讨论】:

【参考方案27】:

对于固定提示使用这个

        <item name="boxStrokeWidth">0dp</item>
        <item name="boxCornerRadiusTopStart">12dp</item>
        <item name="boxCornerRadiusTopEnd">12dp</item>
        <item name="boxCornerRadiusBottomStart">12dp</item>
        <item name="boxCornerRadiusBottomEnd">12dp</item>

【讨论】:

以上是关于如何在 EditText 中隐藏下划线的主要内容,如果未能解决你的问题,请参考以下文章

EditText下划线禁用颜色[重复]

EditText下划线禁用颜色[重复]

在 EditText 中输入单词时删除下划线

如何更改按钮的边框颜色并更改editText中下划线的颜色?

Android EditText 下划线样式未显示在模拟器中

Android之自定义EditText光标和下划线颜色