Android M 上的 TextInputLayout 设置错误后更改 EditText 背景的问题

Question

我已经为 Xml 文件中的 EditText 设置了自定义背景。验证后，我在运行时为 EditText 设置不同的背景，并为 TextInputLayout 设置错误。但是在 Android M 中不是设置背景资源，而是将背景颜色设置为 EditText。

This is image before setting error to the TextInputLayout

This is the image after setting error to the TextInputLayout

下面是我的代码：-

XML 文件代码

<android.support.design.widget.TextInputLayout
android:id="@+id/input_layout_name"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
app:errorTextAppearance="@style/ErrorText">

<EditText
    android:id="@+id/input_name"
    android:layout_width="fill_parent"
    android:layout_height="40dp"
    android:background="@drawable/edittext_selector"
    android:hint="@string/hint_name"
    android:imeOptions="actionNext"
    android:inputType="textEmailAddress" />

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

验证码

if (inputName.getText().toString().trim().isEmpty()) {
    inputLayoutName.setErrorEnabled(true);
    inputLayoutName.setError("Errorrroror");
    inputName.setBackgroundResource(R.drawable.edittext_red_focused);
    requestFocus(inputName);
    return false;
} else {
    inputName.setBackgroundResource(R.drawable.edittext_selector);
    inputLayoutName.setErrorEnabled(false);
}

return true;

下面是我错误的资源文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape>
<solid android:color="@color/sale_color" />
</shape>
</item>

<!-- main color -->
<item
android:bottom="1.0dp"
android:left="1.0dp"
android:right="1.0dp">
<shape>
<solid android:color="@android:color/white" />
</shape>
</item>

<!-- draw another block to cut-off the left and right bars -->
<item android:bottom="1.0dp">
<shape>
<solid android:color="@android:color/white" />
</shape>
</item>
</layer-list>

Answer 1

您可以使用自定义 Edittext 背景实现此目的。

像下面这样创建选择器可绘制对象，

然后，

edittext_normal.xml

<item>
    <shape android:shape="rectangle">
        <solid android:color="@android:color/transparent" />
    </shape>
</item>

<item
    android:left="-2dp"
    android:right="-2dp"
    android:top="-2dp">
    <shape>
        <solid android:color="@android:color/transparent" />
        <stroke
            android:width="1dp"
            android:color="@color/edit_text_normal_color" />
    </shape>
</item>

edittext_focused.xml

<item>
    <shape android:shape="rectangle">
        <solid android:color="@android:color/transparent" />
    </shape>
</item>

<item
    android:left="-2dp"
    android:right="-2dp"
    android:top="-2dp">
    <shape>
        <solid android:color="@android:color/transparent" />
        <stroke
            android:width="1dp"
            android:color="@color/colorPrimary" />
    </shape>
</item>

edittext_red_focused.xml

<item>
    <shape android:shape="rectangle">
        <solid android:color="@android:color/transparent" />
    </shape>
</item>

<item
    android:left="-2dp"
    android:right="-2dp"
    android:top="-2dp">
    <shape>
        <solid android:color="@android:color/transparent" />
        <stroke
            android:width="1dp"
            android:color="@color/sale_color" />
    </shape>
</item>

并在运行时设置错误可绘制对象，当发生错误时

验证码

private boolean validateName() {

    if (inputName.getText().toString().trim().isEmpty()) {
        inputLayoutName.setErrorEnabled(true);
        inputLayoutName.setError("Error");
        inputName.setBackgroundResource(R.drawable.edittext_red_focused);
        return false;
    } else {
        inputName.setBackgroundResource(R.drawable.edittext_selector);
        inputLayoutName.setErrorEnabled(false);
    }

    return true;
}

Android M 上的 TextInputLayout 设置错误后更改 EditText 背景的问题

Issue in Changing EditText background after setting error to the TextInputLayout on Android M

android

android-edittext

android-textinputlayout