EditText实现（修改密码提示验证信息需求）

最新推荐文章于 2022-03-30 19:04:59 发布

vv_小虫

最新推荐文章于 2022-03-30 19:04:59 发布

阅读量2.3k

点赞数 2

分类专栏：疑难杂症文章标签：修改密码 android 设置密码 EditText Button变色

本文链接：https://blog.csdn.net/vv_bug/article/details/52388631

版权

疑难杂症专栏收录该内容

13 篇文章 0 订阅

订阅专栏

最近写博客的节奏懈怠了啊，因为公司终于来需求了，让我做密码管理功能模块，我也算是闲了个把月了，敲了一天代码，才找到以前的一点点感觉，哈哈~！！！刚开始做就遇到奇葩产品订的需求，需要在EditText中提示密码错误啊，之类的提示，唉唉！没办法，只能硬着头皮上，于是写了个Demo，感觉挺简单哈……被自己欺骗了。
先给出githubdemo链接：https://github.com/913453448/EditViewDemo
看看demo的效果图：
这里写图片描述
不太好录屏，说一下产品的需求（想必大家都应该很清楚这些逻辑判断了）：
1、当所有的输入框都输入的时候，“确定”按钮变为蓝色。
2、当某一项没有输入的时候点击“确定”按钮，焦点指向没输入的一项。
3、当密码没有满6位的时候在输入框中提示红色的“密码格式错误”，点击后恢复为灰色的“请输入六位密码”。
4、当原密码错误的时候提示红色的“原密码错误”
5……..一些细节我就不说了，运行下demo就可以啦~！

为什么写这篇博客呢，也就当一个笔记吧，以后再遇到的时候直接 copy了，如果有一样需求的直接拖走啊~！！

layout文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width=match_parent
    android:layout_height=match_parent
    android:orientation=vertical
    android:background=#eee
    >
    <LinearLayout
        android:layout_width=match_parent
        android:layout_height=wrap_content
        android:orientation=horizontal
        android:gravity=center_vertical
        android:background=#fff
        android:padding=15dp
        >
        <TextView
            android:layout_width=wrap_content
            android:layout_height=wrap_content
            android:text=原密码：
            />
        <EditText
            android:id="@+id/id_orgin_et"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="3dp"
            android:background="@null"
            android:inputType="numberPassword"
            android:hint="请输入六位密码"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:background="#fff"
        android:padding="15dp"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="新密码："
            />
        <EditText
            android:id="@+id/id_new_et"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="3dp"
            android:background="@null"
            android:hint="请输入六位密码"
            android:inputType="numberPassword"
            />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_vertical"
        android:background="#fff"
        android:padding="15dp"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="确认密码："
            />
        <EditText
            android:id="@+id/id_confirm_et"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="3dp"
            android:background="@null"
            android:hint="请输入六位密码"
            android:inputType="numberPassword"
            />
    </LinearLayout>
    <Button
        android:id="@+id/id_confirm_bt"
        android:layout_marginTop="15dp"
        android:layout_marginLeft="15dp"
        android:layout_marginRight="15dp"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:text="确定"
        android:textSize="15sp"
        android:textColor="#fff"
        android:background=@drawable/button_selector
        />
</LinearLayout>

布局还是比较简单啊，想必大家分分钟就敲出来了，
先说说Button在蓝色selector与灰色selector切换方式：
这里偷了下懒，直接用一个selector文件就搞定了，当按钮的状态为android:state_pressed=”true” 并且android:state_selected=”true”这两个状态的时候设置background为蓝色，正常状态就为灰色了。然后通过不断监听三个EditText的内容变换动态的设置Button的setSelected()来控制按钮颜色。

<?xml version=1.0 encoding=utf-8?>
<selector xmlns:android=http://schemas.android.com/apk/res/android>
    <item android:state_pressed=true
    android:state_selected=true>
        <shape>
            <corners android:radius=5dp>
            </corners>
</solid>
        </shape>
    </item>
    <item android:state_selected=false>
        <shape>
            <corners android:radius=5dp>
            </corners>
            <solid android:color=@android:color/darker_gray>
            </solid>
        </shape>
    </item>
    <item>
        <shape>
            <corners android:radius=5dp>
            </corners>
            <solid android:color=@color/colorPrimary></solid>
        </shape>
    </item>
</selector>

对应MainActivity中代码：

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

    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        /**
         * 当三个EditText的内容都不为空的时候，
         * Button为蓝色，否则为灰色通过
         * bt_confirm.setSelected(true)实现蓝色，
         *  bt_confirm.setSelected(false);实现灰色
         */
        if(!TextUtils.isEmpty(et_confirm.getText().toString())&&!TextUtils.isEmpty(et_orgin.getText().toString())
                &&!TextUtils.isEmpty(et_new.getText().toString())){
            bt_confirm.setSelected(true);
        }else{
            bt_confirm.setSelected(false);
        }
    }

    @Override
    public void afterTextChanged(Editable s) {

    }

是不是很简单，哭死，以前我还手动设置背景那种方式不断的切换背景从而达到变色效果，真是慢慢的进步啊。

下面说说在EditText中展示提示语：也就是动态设置EditText的hint内容和hint的颜色，然后通过et.requestFocus();方法使焦点放在指定的EditText上。
方法都挺简单的，主要看代码逻辑了。
我直接贴出逻辑判断的所有代码了，大家应该都看得懂：

package com.cisetech.editviewdemo;

import android.app.ProgressDialog;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.text.Editable;
import android.text.TextUtils;
import android.text.TextWatcher;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements TextWatcher, View.OnClickListener {
    private EditText et_orgin;
    private EditText et_new;
    private EditText et_confirm;
    private Button bt_confirm;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }
    private void initView() {
        et_orgin= (EditText) findViewById(R.id.id_orgin_et);
        et_confirm= (EditText) findViewById(R.id.id_confirm_et);
        et_new= (EditText) findViewById(R.id.id_new_et);
        bt_confirm= (Button) findViewById(R.id.id_confirm_bt);
        et_confirm.addTextChangedListener(this);
        et_orgin.addTextChangedListener(this);
        et_new.addTextChangedListener(this);
        bt_confirm.setSelected(false);
        bt_confirm.setOnClickListener(this);
        et_orgin.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                clearAll();
                return false;
            }
        });
        et_new.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                clearAll();
                return false;
            }
        });
        et_confirm.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                clearAll();
                return false;
            }
        });
    }
    private void initData() {
    }
    @Override
    public void beforeTextChanged(CharSequence s, int start, int count, int after) {

    }

    @Override
    public void onTextChanged(CharSequence s, int start, int before, int count) {
        /**
         * 当三个EditText的内容都不为空的时候，
         * Button为蓝色，否则为灰色通过
         * bt_confirm.setSelected(true)实现蓝色，
         *  bt_confirm.setSelected(false);实现灰色
         */
        if(!TextUtils.isEmpty(et_confirm.getText().toString())&&!TextUtils.isEmpty(et_orgin.getText().toString())
                &&!TextUtils.isEmpty(et_new.getText().toString())){
            bt_confirm.setSelected(true);
        }else{
            bt_confirm.setSelected(false);
        }
    }

    @Override
    public void afterTextChanged(Editable s) {

    }
    private ProgressDialog dialog;
    @Override
    public void onClick(View v) {
        if(checkNull()){
            return;
        }
        if(!et_confirm.getText().toString().equals(et_new.getText().toString())){
            et_confirm.setText("");
            requstFocus(et_confirm, "两次密码不一致", Color.RED,true);
            return;
        }
        dialog=ProgressDialog.show(this,"","修改中,请稍后...",true);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                if(!"123456".equals(et_orgin.getText().toString())){
                    et_orgin.setText("");
                    requstFocus(et_orgin, "原密码错误", Color.RED, true);
                }else{
                    Toast.makeText(MainActivity.this, "修改成功", Toast.LENGTH_SHORT).show();
                }
                dialog.dismiss();
            }
        },3000);
    }

    private boolean checkNull() {
        if(TextUtils.isEmpty(et_orgin.getText().toString())){
            requstFocus(et_orgin, null, Color.GRAY,true);
            return true;
        }
        if(et_orgin.getText().toString().length()<6){
            et_orgin.setText("");
            requstFocus(et_orgin, "原密码格式错误", Color.RED,true);
            return true;
        }
        if(TextUtils.isEmpty(et_new.getText().toString())){
            requstFocus(et_new, null, Color.GRAY,true);
            return true;
        }
        if(et_new.getText().toString().length()<6){
            et_new.setText("");
            requstFocus(et_new, "新密码格式错误", Color.RED,true);
            return true;
        }
        if(TextUtils.isEmpty(et_confirm.getText().toString())){
            requstFocus(et_confirm,null, Color.GRAY,true);
            return true;
        }
        return false;
    }
    public void requstFocus(EditText et,String hint,int hintColor,boolean needFocus){
        if(hint==null){
            hint="请输入六位密码";
        }
        et.setHint(hint);
        et.setHintTextColor(hintColor);
        if(needFocus){
            et.requestFocus();
        }
    }
    public void clearAll(){
        requstFocus(et_orgin, null, Color.GRAY,false);
        requstFocus(et_new, null, Color.GRAY,false);
        requstFocus(et_confirm,null, Color.GRAY,false);
    }
}