更改EditText的错误消息的背景

时间:2013-01-02 19:09:55

标签: android input popup android-edittext drawable

我想要做的是更改使用setError()方法后显示的弹出错误消息的背景颜色(设置自定义可绘制)。

目前,它看起来像这样:

enter image description here

我发现Android有两个文件:

  • popup_inline_error.9.png
  • popup_inline_above_error.9.png

你应该能够使用两个属性来设置它们:

  • errorMessageBackground
  • errorMessageAboveBackground

但是当我尝试在我的主题中设置它们时,我得到的只有:

<item name="errorMessageBackground">@drawable/popup_inline_error_holo_light</item>
<item name="errorMessageAboveBackground">@drawable/popup_inline_error_above_holo_light</item>

error: Error: No resource found that matches the given name: attr 'errorMessageBackground'.

(它是相同的with android:errorMessageBackground

我在这里提出这个问题,因为我的想法已经用完了 - 也许有人已经设法做到了这一点?

修改 我正在使用的主题标题:

<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <style
        name="Theme.MyThemeName"
        parent="@style/Theme.Sherlock.Light">

另一个编辑: 呃,我发现我的问题是重复的: android:errorMessageBackground getting no resource found error in styles.xml

另一个编辑: 这是一个已知问题,请看一下这个链接:https://code.google.com/p/android/issues/detail?id=55879

4 个答案:

答案 0 :(得分:6)

我建议使用@Codeversed solution,但如果由于某种原因它不适合您,则可以使用我的自定义EditText实现。

通常的EditText表示: enter image description here

带有错误的EditText: enter image description here

简而言之:我为错误显示创建了自定义xml状态。请参阅以下相关代码:

<强> InputEditText.java:

import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.widget.EditText;

import com.example.oleksandr.inputedittext.R;

/**
 * Input EditText which allows define custom drawable for error state
 */
public class InputEditText extends EditText {

    private static final int[] STATE_ERROR = {R.attr.state_error};

    private boolean mIsError = false;

    public InputEditText(Context context) {
        this(context, null, 0);
        init();
    }

    public InputEditText(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public InputEditText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public InputEditText(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init();
    }

    private void init() {
        addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
                // empty
            }

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                setError(null);
            }

            @Override
            public void afterTextChanged(Editable s) {
                // empty
            }
        });
    }

    @Override
    public void setError(CharSequence error) {
        mIsError = error != null;
        super.setError(error);
        refreshDrawableState();
    }

    @Override
    public void setError(CharSequence error, Drawable icon) {
        mIsError = error != null;
        super.setError(error, icon);
        refreshDrawableState();
    }

    @Override
    protected int[] onCreateDrawableState(int extraSpace) {
        final int[] drawableState = super.onCreateDrawableState(extraSpace + 1);
        if (mIsError) {
            mergeDrawableStates(drawableState, STATE_ERROR);
        }
        return drawableState;
    }
}

<强>抽拉/ edittext_bg_error.xml

<?xml version="1.0" encoding="utf-8"?>
<shape
    android:id="@+id/listview_background_shape"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
    <stroke
        android:width="2dp"
        android:color="#f00"
        />
    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp"
        />
    <corners android:radius="5dp"/>
    <solid android:color="#ffffffff"/>
</shape>

<强>抽拉/ edittext_bg_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <!-- custom error state drawable -->
    <item android:drawable="@drawable/edittext_bg_error" app:state_error="true"/>

    <!-- Do whatever you want for all other states -->
    <item android:drawable="@android:drawable/editbox_background_normal"/>
</selector>

添加到 attrs.xml

<attr name="errorColor" format="reference"/>

styleables.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="error">
        <attr name="state_error" format="boolean"/>
    </declare-styleable>
</resources>

并且使用非常简单:

<com.example.oleksandr.inputedittext.views.InputEditText
    android:id="@id/edittext"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/edittext_bg_selector"
    android:inputType="text"
    android:text="@string/hello_world"
    />

[编辑]:

刚才意识到,原来的答案是关于更改错误弹出颜色,而不是EditText背景颜色。无论如何,希望这可以帮助别人。

答案 1 :(得分:5)

您需要包含这些依赖项:

compile 'com.android.support:appcompat-v7:23.1.1'
compile 'com.android.support:design:23.1.1'

以下是如何使用它的示例:

<android.support.design.widget.TextInputLayout
        android:id="@+id/input_layout_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <EditText
            android:id="@+id/input_password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/hint_email" />

</android.support.design.widget.TextInputLayout>

这将为您提供您正在寻找的材料设计,以便为标签提供表单验证以及良好的动画效果。

enter image description here

答案 2 :(得分:-1)

private EditText adTitle;
// ....
adTitle.setError(Html.fromHtml("<font color='red'>hello</font>"));

答案 3 :(得分:-2)

你可以使用这个方法只传递msg文本,你的edittext id

 public static void setErrorMsg(String msg,EditText viewId)
{
    //Osama ibrahim 10/5/2013
    int ecolor = Color.WHITE; // whatever color you want
    String estring = msg;
    ForegroundColorSpan fgcspan = new ForegroundColorSpan(ecolor);
    SpannableStringBuilder ssbuilder = new SpannableStringBuilder(estring);
    ssbuilder.setSpan(fgcspan, 0, estring.length(), 0);
    viewId.setError(ssbuilder);

}