Question

我正在使用TextWatcher验证我的输入，我希望我的红色提示图像可以点击，这样我就可以给用户提供视觉反馈，如下图所示。到目前为止，我输入的是当我输入无效数据时出现红色提示图像的编辑文本。我现在想知道如何使这个红色提示可点击并使弹出提示显示如图所示。

EditText hint

这是我到目前为止的代码，

public class MainActivity extends Activity implements TextWatcher{

    EditText username,email = null;
    boolean flag=false;

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

        username=(EditText) findViewById(R.id.usernametxt);
        email=(EditText) findViewById(R.id.emailtxt);

        username.addTextChangedListener(this);

        username.setOnTouchListener(new View.OnTouchListener(){
        public boolean onTouch(View view, MotionEvent motionEvent) {
            // your code here...
            if(flag)
            {
                email.setText("Error. . .");
            }
            getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_VISIBLE);                
            return false;
            }
        });

        Button loginbtn = (Button) findViewById(R.id.login);
        loginbtn.setOnClickListener(new Button.OnClickListener() {

            public void onClick(View v) {
                // TODO Auto-generated method stub

                //Check Validations
                if(username.getText().toString().equalsIgnoreCase(""))
                {
                    username.setCompoundDrawablesWithIntrinsicBounds(0, 0, R.drawable.alert, 0);
                    flag=true;
                }
            }
        });

        Button clearbtn = (Button) findViewById(R.id.clear);
        clearbtn.setOnClickListener(new Button.OnClickListener() {

            public void onClick(View v) {
                // TODO Auto-generated method stub
                username.setText("");
                email.setText("");      
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

    public void afterTextChanged(Editable arg0) {
        // TODO Auto-generated method stub

    }

    public void beforeTextChanged(CharSequence s, int start, int count,
            int after) {
        // TODO Auto-generated method stub

    }

    public void onTextChanged(CharSequence s, int start, int before, int count) {
        // TODO Auto-generated method stub      
        username.setCompoundDrawablesWithIntrinsicBounds(0, 0, 0, 0);
        flag=false;
        email.setText("");
    }   
}

Answer 1

您必须制作自定义EditText才能获得第一个功能。

Solved here

单击可绘制的弹出视图可以使用PopupWindow

完成

Solved here.

Answer 2

如果您使用红色提示图像作为EditText usernametxt右侧的复合图形，则非常简单。以下将做到这一点。

EditText username = (EditText) findViewById(R.id.usernametxt);
username.setOnTouchListener(new OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        if(event.getAction() == MotionEvent.ACTION_UP) {
            if(event.getRawX() >= username.getRight() - username.getTotalPaddingRight()) {
                // your action for drawable click event

             return true;
            }
        }
        return true;
    }
});

如果您想要左侧drawable，请将if语句更改为：

if(event.getRawX() <= username.getTotalPaddingLeft())

同样，你可以为所有复合绘图做到这一点。

username.getTotalPaddingTop()
username.getTotalPaddingBottom()

此方法调用返回该侧的所有填充，包括任何drawable。您甚至可以将它用于TextView，Button等。

点击here以获取Android开发者网站的参考。

EditText中可点击的复合可绘制，在单击时弹出视图

2 个答案: