如何在Android中为EditText的错误文本编写样式？

Question

我正在尝试为我的Android应用程序编写新的自定义样式。 我需要为在EditText中设置setError后出现的错误文本（errorText）提供样式。

如何自定义它的样式？

例如：我想在style.xml中将其background设置为白色，textColor设置为蓝色等等。

- ibrahimyilmaz

---

非常开放式的问题。你能更具体一些吗？ - Siddharth

好的，我现在正在准备截图。 - ibrahimyilmaz

我怀疑他们会修复这个 bug，但是在这里你可以看到有支持库的解决方案：https://dev59.com/-mYq5IYBdhLWcg3w30Xc#34780309 - Codeversed

如何更改 EditText 错误提示的黑色颜色。 - Sandeep Manmode

Answer 1

解决方案在最后，这是截图：

---

一些解释

您可能可以使用以下行设置文本颜色：

yourEditText.setError(Html.fromHtml("<font color='blue'>this is the error</font>"));

然而，这可能不能得到保证。

---

根据源代码，显示的此 Popup 是 TextView 内部类 ErrorPopup 的一种类型。该 Popup 的内容是从 com.android.internal.R.layout.textview_hint 膨胀而来的单个 TextView。

final TextView err = (TextView) inflater.inflate(com.android.internal.R.layout.textview_hint,
      null);

这个弹出框的背景取决于它是否应该放置在锚点上方：

if (above) {
    mView.setBackgroundResource(com.android.internal.R.drawable.popup_inline_error_above);
} else {
    mView.setBackgroundResource(com.android.internal.R.drawable.popup_inline_error);
}

---

由于创建弹出窗口所使用的所有Android资源都是内部的，并最终硬编码的，因此您最好自己创建错误弹出窗口。这很容易，而且您实际上不会干扰正常的EditText，因为默认弹出窗口仅用于显示错误，因此创建自己的弹出窗口是可以接受的。

---

解决方案

我在这里创建了它：WidgyWidgets

- Sherif elKhatib

---

@Eir 许可证是“您可以自由使用它，等等”。 - Sherif elKhatib

我用你的类替换了一个EditText，现在不再显示错误文本和红色感叹号，但也没有任何反应。 - Johan

它帮助了我，我投了赞成票。但是我该如何更改问题图片中定义的红色边框线颜色？ - Aditya Vyas-Lakhan

我该如何更改文本和背景的颜色？ - Rahul

玩弄反射就像玩火一样 :) 你听说过安全管理器吗？ - ceph3us

Answer 2

我认为你无法以那种方式自定义其样式，因为错误弹出窗口使用内部样式:

mPopupInlineErrorBackgroundId = getResourceId(mPopupInlineErrorBackgroundId,
                    com.android.internal.R.styleable.Theme_errorMessageBackground);
mView.setBackgroundResource(mPopupInlineErrorBackgroundId);

然而，你可以使用重载的 setError(CharSequence, Drawable) 方法设置一个 Spanned 和自定义的错误图标。

你可以使用 fromHtml() 轻松地从 HTML 创建一个 Spanned。

然而，你仍然无法设置弹出式背景图片 :-(

- Dheeraj Vepakomma

Answer 3

请在表单验证时，如果编辑文本字段为空，请添加它。

            int ecolor = R.color.black; // whatever color you want
        String estring = "Please enter a valid email address";
        ForegroundColorSpan fgcspan = new ForegroundColorSpan(ecolor);
        SpannableStringBuilder ssbuilder = new SpannableStringBuilder(estring);
        ssbuilder.setSpan(fgcspan, 0, estring.length(), 0);

        edtEmail.requestFocus();
        edtEmail.setError(ssbuilder); 

当你在编辑文本时，错误标记会自动消失。

谢谢 Sachin

- Sachin Arora

Answer 4

我看到了被接受的答案，但我不喜欢提出的库。 我认为这是Android框架中的一个错误，并在此处提交了一个错误： https://code.google.com/p/android/issues/detail?id=158590 编辑： 可以使用Android设计库TextInputLayout小部件来获得更好的EditText错误处理。 查看它的外观： https://www.youtube.com/watch?v=YnQHb0fNtF8 以及如何实现： http://code.tutsplus.com/tutorials/creating-a-login-screen-using-textinputlayout--cms-24168

- Daniele Segato

---

这其实是我从以前就知道的错误。https://plus.google.com/103362309911306712784/posts/bux1jG3t8HK - Daniele Segato

Answer 5

请点击以下链接，查看一个漂亮的错误信息的 Material Design 样式！ materialdoc

我发现链接已经失效，这里提供新的方法：使用 TextInputLayout。

<android.support.design.widget.TextInputLayout
                android:id="@+id/ipAddress"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="-30dp"
                android:layout_gravity="end"
                android:digits="1234567890"
                app:errorEnabled="true" >
                <android.support.design.widget.TextInputEditText
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end"
                    android:maxLines="1"
                    android:width="200dp"
                    android:text="@{ethernetData.ipAddress}"
                    android:enabled="@{!ethernetData.ethernetAutoIp}"/>

在TextWatcher中的代码（我使用数据绑定），在您的TextInputLayout上调用setError方法。

binding.ipAddress.setError(your error);

这是我的做法：

binding.ipAddress.getEditText().addTextChangedListener(new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

        }

        @Override
        public void afterTextChanged(Editable editable) {

            if(! Patterns.IP_ADDRESS.matcher(editable.toString()).matches()) {
                binding.ipAddress.setError(your error string);
                IpAddressOK = false;
            }
            else{
                binding.ipAddress.setError(null);
                IpAddressOK = true;
            }
        }
    });

- batsheva

Answer 6

这个很好用！

private fun setErrorOnSearchView(searchView: SearchView, errorMessage: 
String) {
val id = searchView.context
        .resources
        .getIdentifier("android:id/search_src_text", null, null)
val editText = searchView.find<EditText>(id)

val errorColor = ContextCompat.getColor(this,R.color.red)
val fgcspan = ForegroundColorSpan(errorColor)
val builder = SpannableStringBuilder(errorMessage)
builder.setSpan(fgcspan, 0, errorMessage.length, 0)
editText.error = builder
}

- Emmanuelguther

---

这是什么类型的脚本？ - toddsalpen

这是KOTLIN。 - Emmanuelguther

Answer 7

我还没有找到任何编辑错误样式的解决方案，但是我已经创建了带有错误弹出窗口的自定义EditText。希望这能有所帮助：

import android.content.Context
import android.util.AttributeSet
import android.view.Gravity
import android.view.LayoutInflater
import android.widget.EditText
import android.widget.LinearLayout
import android.widget.PopupWindow
import android.widget.TextView
import androidx.annotation.StringRes

class ErrorEditText : EditText {

    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 var errorPopup: PopupWindow? = null

    fun showError(message: String) {
        showErrorPopup(message)
    }

    fun showError(@StringRes messageResId: Int) {
        showErrorPopup(context.getString(messageResId))
    }

    fun dismissError() {
        post {errorPopup?.dismiss() }
    }

      private fun showErrorPopup(message: String) {
        post {
            dismissError()
            val inflater = (context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater)
            val view = inflater.inflate(R.layout.edit_text_error, null, false)
            errorPopup =
                PopupWindow(view, LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT)
            errorPopup?.contentView?.findViewById<TextView>(R.id.message)?.text = message
            errorPopup?.showAsDropDown(this, 0, 10, Gravity.START)
        }
    }
}

你可以使用以下方法来显示错误信息： showError(message: String) 或 showError(@StringRes messageResId: String)，并使用方法 dismissError() 隐藏它。

请注意，如果您在应用程序中使用多个片段进行导航，则弹出窗口与活动生命周期绑定，因此在导航时记得关闭它们。

这是我用于弹出窗口的 edit_text_error 布局：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:elevation="2dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:background="#fff">

        <TextView
            android:id="@+id/message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#E20000"
            android:padding="8dp"
            android:textSize="11sp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            tools:text="Please enter a valid email address!" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

如果您想将弹出窗口移动到EditText的末尾，请更改showErrorPopup()方法中的最后一行为：errorPopup?.showAsDropDown(this, 0, 10, Gravity.END) 您可以通过修改showAsDropDown(view: View, x: Int, y: Int, gravity: Gravity)方法的gravity或x和y参数来操纵弹出窗口的位置。

- Milszym

---

无法工作。Unable to start activity ComponentInfo{package.name.views.MainActivity}: android.view.WindowManager$BadTokenException: Unable to add window -- token null - OhhhThatVarun

看起来你想从后台线程中展示它。尝试在UI线程上使用这些方法，例如通过在Activity/Fragment类中使用方法：runOnUiThread { showErrorPopup("Message") }。 - Milszym

这个错误是在什么情况下发生的？你能否添加更多细节或者代码来重现你的问题？ - Milszym

当活动开始时它会崩溃。还需要更多的代码吗？伙计，我使用了你的类。 - OhhhThatVarun

以下函数都不能使用提供的参数进行调用：public open fun postInvalidate()。这也是一个错误。 - OhhhThatVarun

由于这个问题：https://dev59.com/CW855IYBdhLWcg3wuGwM 弹出窗口不能太快地显示。我已经编辑了代码以防止此问题引发异常。请现在尝试。 - Milszym