EditText自定义边框背景与动态检测用户输入

一、EditText自定义边框背景

1.效果演示

2.代码实现

(1)res/drawable/shape_edit_normal.xml

功能：编辑框没获得焦点时，使用该shape。<shape.../>为根元素的ShapeDrawable资源，主要用于定义一个基本的几何图形，如矩形、圆形、线条等。

<solid.../>子元素用于指定填充集合图形的的颜色；

<corners.../>子元素用于定义几个图形的四个角的弧度；

<gradient../>子元素用于指定填充几何图形的渐变颜色；

<stroke../>子元素指定几何图形边框线宽度以及颜色；

<padding../>子元素指定几何图形的内边框

源码如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <corners android:radius="4dip"/>
    <stroke
        android:width="1dip"
        android:color="#BDC7D8" />
</shape>

(2)res/drawable/shape_edit_focus.xml

源码如下：编辑框获得焦点时，使用该shape。与上面的shape区别是，<stroke../>元素的颜色属性值设置不一致。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF" />
    <corners android:radius="4dip"/>
    <stroke
        android:width="1dip"
        android:color="#728ea3" />
</shape> 

(3)res/drawable/selector_edit_frame.xml

功能：用于设置文件编辑框是否有获取焦点时对应的<shape.../>资源。<selector.../>为根元素的StateListDrawable资源，用于组织多个Drawable对象。当使用StateListDrawable作为目标组件的背景、前景图片时，StateListDrawable对象所显示的Drawable对象会随目标组件状态的改变自动切换。该元素可以包含多个<item../>子元素，该元素可指定如下属性：

>android:color或android:drawable：指定颜色或Drawable对象；

>android:state_xxx：指定一个特定状态;

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_window_focused="false" android:drawable="@drawable/shape_edit_normal"/>
    <item android:state_focused="true" android:drawable="@drawable/shape_edit_focus"/>
</selector>

(4)res/layout/main.xml

  ......
 <EditText
       android:background="drawable/selector_edit_frame"
       android:layout_width="match_parent"
       android:layout_weight="wrap_content"/>
  ......

二、动态检测EditText的输入

在Android项目开发中，往往我们在实现登录或注册功能时，需要动态来检测验证码框中的内容来决定是否使能登录/注册按钮。Android系统提供了一个TextWatch事件监听器，其可以实现动态检测EditText输入情况。

1.效果演示

2.源码实现

功能：动态检测验证码输入框是否与随机验证码字符匹配，若匹配则使能登录按钮并改变其背景颜色。

protected void onCreate(Bundle savedInstanceState) {
     Button    loginBtn = (Button)findViewById(R.id.login);
     EditText secCode = (EditText) findViewById(R.id.login_security_code);
     secCode.addTextChangedListener(new TextWatcher() {
   /**
      *文本编辑框内容未改变前回调该方法
    */
       public void beforeTextChanged(CharSequence s, int start, int count,
         int after) {
            loginBtn.setEnabled(false);        //
            loginBtn.setBackgroundColor(Color.parseColor("#DEB887"));
       }
   /**
      *文本编辑框内容改变时回调该方法
    */
       public void onTextChanged(CharSequence s, int start, int before,
             int count) {
                    loginBtn.setEnabled(false);
                    loginBtn.setBackgroundColor(Color.parseColor("#DEB887"));
       }
   /**
      *文本编辑框内容改变后回调该方法
    */
       public void afterTextChanged(Editable s) {
            if (secCode.getText().toString().equalsIgnoreCase(verityCode)) {
                     loginBtn.setEnabled(true);
                     loginBtn.setBackgroundResource(R.drawable.selector_btn_background);
            }
       }
  });
}