如何在弹出窗口中显示输入错误？

Question

我想在弹出窗口中显示 EdiText 字段的所有验证错误，如下图所示：

据我所知Android有drawables：

1) popup_inline_error.9.png

2) popup_inline_error_above.9.png

3）indicator_input_error.png

我能够在 右侧显示红色错误指示器EditText 通过使用：

Drawable err_indiactor = getResources().getDrawable(R.drawable.indicator_input_error);
mEdiText.setCompoundDrawablesWithIntrinsicBounds(null, null, err_indiactor, null);

现在我也想显示错误消息，如图所示是第一张图片，但似乎我对此没有任何想法，尽管我认为它应该是一个自定义 Toast。

Answer 1

由于前面的答案是我的问题的解决方案，但我尝试了一种不同的方法来使用自定义 Drawable 图像而不是默认的 indicator_input_error 图像。

默认可绘制

自定义可绘制

因此，我刚刚在布局 xml 文件中创建了两个 EditText，然后在该 EditText 上用 Java 代码实现了一些 Listener >。

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:padding="20dip"
    android:background="#222222">
    <EditText android:layout_width="match_parent"
        android:layout_height="wrap_content" android:hint="Username"
        android:id="@+id/etUsername" android:singleLine="true"
        android:imeActionLabel="Next"></EditText>
    <EditText android:layout_width="match_parent"
        android:inputType="textPassword"
        android:layout_height="wrap_content" android:hint="Password"
        android:id="@+id/etPassword" android:singleLine="true"
        android:imeActionLabel="Next"></EditText>
</LinearLayout>

EditTextValidator.java

import java.util.regex.Pattern;

import android.app.Activity;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.KeyEvent;
import android.view.inputmethod.EditorInfo;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.TextView.OnEditorActionListener;

public class EditTextValidator extends Activity {

    private EditText mUsername, mPassword;

    private Drawable error_indicator;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        // Setting custom drawable instead of red error indicator,
        error_indicator = getResources().getDrawable(R.drawable.emo_im_yelling);

        int left = 0;
        int top = 0;

        int right = error_indicator.getIntrinsicHeight();
        int bottom = error_indicator.getIntrinsicWidth();

        error_indicator.setBounds(new Rect(left, top, right, bottom));

        mUsername = (EditText) findViewById(R.id.etUsername);
        mPassword = (EditText) findViewById(R.id.etPassword);

        // Called when user type in EditText
        mUsername.addTextChangedListener(new InputValidator(mUsername));
        mPassword.addTextChangedListener(new InputValidator(mPassword));

        // Called when an action is performed on the EditText
        mUsername.setOnEditorActionListener(new EmptyTextListener(mUsername));
        mPassword.setOnEditorActionListener(new EmptyTextListener(mPassword));
    }

    private class InputValidator implements TextWatcher {
        private EditText et;

        private InputValidator(EditText editText) {
            this.et = editText;
        }

        @Override
        public void afterTextChanged(Editable s) {

        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count,
                int after) {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before,
                int count) {
            if (s.length() != 0) {
                switch (et.getId()) {
                case R.id.etUsername: {
                    if (!Pattern.matches("^[a-z]{1,16}$", s)) {
                        et.setError("Oops! Username must have only a-z");
                    }
                }
                    break;

                case R.id.etPassword: {
                    if (!Pattern.matches("^[a-zA-Z]{1,16}$", s)) {
                        et.setError("Oops! Password must have only a-z and A-Z");
                    }
                }
                    break;
                }
            }
        }
    }

    private class EmptyTextListener implements OnEditorActionListener {
        private EditText et;

        public EmptyTextListener(EditText editText) {
            this.et = editText;
        }

        @Override
        public boolean onEditorAction(TextView v, int actionId, KeyEvent event) {

            if (actionId == EditorInfo.IME_ACTION_NEXT) {
                // Called when user press Next button on the soft keyboard

                if (et.getText().toString().equals(""))
                    et.setError("Oops! empty.", error_indicator);
            }
            return false;
        }
    }
}

现在我已经对其进行了测试，如下所示：

对于空的 EditText 验证：

假设用户单击用户名字段，然后软键盘打开，如果用户按下一步键，则用户将聚焦于密码 字段和 Username 字段保持为空，则错误将显示如下图所示：

对于错误的输入验证：

1) 我在用户名字段中输入文本 vikaS，然后错误将如下图所示：

2) 我在密码字段中输入文本 Password1 ，然后错误将如下图所示：

注意：

这里我仅在用户将 EditText 字段留空并按键盘上的 Next 键的情况下使用自定义绘图，但您可以在任何情况下使用它。只需要在 setError() 方法中提供 Drawable 对象即可。

Answer 2

请尝试以下操作：

final EditText editText = (EditText) findViewById(R.id.edit);

editText.setImeActionLabel("", EditorInfo.IME_ACTION_NEXT);

editText.setOnEditorActionListener(new OnEditorActionListener() {

    @Override
    public boolean onEditorAction(TextView view, int actionId, KeyEvent event) {
        if (actionId == EditorInfo.IME_ACTION_NEXT) {
            if (editText.getText().toString().isBlank())
                editText.setError("Please enter something.");
            else
                Toast.makeText(getApplicationContext(), "Entered: " + editText.getText().toString(), Toast.LENGTH_SHORT).show();
        }
        return false;
    }
});

Answer 3

我知道答案已被提问者接受，但以上内容都不适合我。

我能够在运行 Android 4.0.3 的 Nexus S 上重现这一点。

这是我让它发挥作用的方法。

1. 创建主题：

2. 将 MyApp.Theme.Light.NoTitleBar 主题从清单应用到我的应用程序/活动。

   <前><代码> <应用程序
   android:name=".MyApp"
   android:icon="@drawable/ic_launcher"
   android:label="@string/app_name"
   android:theme="@style/MyApp.Theme.Light.NoTitleBar"
   >