Android实现常见的验证码输入框实例代码

 更新时间:2017年09月10日 16:57:33   作者:实例波  
我们在开发APP的时候经常要遇到输入框,下面这篇文章主要给大家介绍了关于利用Android如何实现常见的验证码输入框的相关资料,文中通过示例代码介绍的非常详细,需要的朋友们可以参考借鉴,下面随着小编来一起学习学习下吧。

前言

验证码输入框是很多APP必不可少的组件,之前在重构注册登录页面的时候,重新设计了UI,所以不能再简单的用EditText来做了,所以这篇文章将分享一下如何实现一个常见的验证码输入框。下面话不多说了,来一起看看详细的介绍吧。

正文

先搂一眼效果吧

不要把注意力都放在头顶的那一抹绿上,重点在输入框,可能大多数APP里都是采用6个方框的UI效果,我这里是按照我们设计的要求,用6根横线来划出6个数字的位置。一开始我想的是直接用6个TextView,然后传递焦点的做法,但是发现实现起来有一定的难度。又在网上查了一下,发现比较靠谱的办法是用6个TextView加一个EditText来实现,也按照这个方法去实现了,但是后来在测试的时候就发现了问题:网上给出的实现方式需要监听软键盘的删除按钮

editText.setOnKeyListener(new OnKeyListener() {
   @Override
   public boolean onKey(View v, int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_DEL
      && event.getAction() == KeyEvent.ACTION_DOWN) {
     //TODO:
     return true;
    }
    return false;
   }
  });

这是一个大家熟知的写法,但是这个监听的方法其实并不靠谱(在安卓原生键盘上就监听不到),因为这个监听是否触发,并没有强制的要求,全看输入法开发者的心情,这是官方文档中的描述:

Key presses in software keyboards will generally NOT trigger this method, although some may elect to do so in some situations.

只能输入,不能删除,这可不行啊,用户肯定会骂娘的,我可不想被拿去去祭天什么的...

于是乎只能想办法在原有的基础上做一些修改,来规避这个问题,最后采用的方案是:采用一个TextView的数组来维护6个TextView,然后藏一个透明的EditTextView在后面用于接收用户输入的内容,再把输入的内容展示到6个TextView上就行了,UI什么的可以自己随意设计。在实现的过程中,遇到的一个关键问题就是:当输入的内容超过6位以后我该如何处理?一开始的方案是通过判断当前输入的位数然后再做相应的处理,网上的方案也是这么实现的,我后来一想,根本用不着这么麻烦,只需要一行属性就能解决这个问题:

android:maxLength="6"

只需要在EditText的属性里限制它的最大长度,就不用再去代码里做处理了,直接把EditTextView里的内容完全照搬到TextView上就可以了。

最终的完整代码如下:

public class VerifyCodeView extends RelativeLayout {
 private EditText editText;
 private TextView[] textViews;
 private static int MAX = 6;
 private String inputContent;

 public VerifyCodeView(Context context) {
  this(context, null);
 }

 public VerifyCodeView(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
 }

 public VerifyCodeView(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  View.inflate(context, R.layout.view_verify_code, this);

  textViews = new TextView[MAX];
  textViews[0] = (TextView) findViewById(R.id.item_code_iv0);
  textViews[1] = (TextView) findViewById(R.id.item_code_iv1);
  textViews[2] = (TextView) findViewById(R.id.item_code_iv2);
  textViews[3] = (TextView) findViewById(R.id.item_code_iv3);
  textViews[4] = (TextView) findViewById(R.id.item_code_iv4);
  textViews[5] = (TextView) findViewById(R.id.item_code_iv5);
  editText = (EditText) findViewById(R.id.item_edittext);

  editText.setCursorVisible(false);//隐藏光标
  setEditTextListener();
 }

 private void setEditTextListener() {
  editText.addTextChangedListener(new TextWatcher() {

   @Override
   public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

   }

   @Override
   public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

   }

   @Override
   public void afterTextChanged(Editable editable) {
    inputContent = editText.getText().toString();

    if (inputCompleteListener != null) {
     if (inputContent.length() >= MAX) {
      inputCompleteListener.inputComplete();
     } else {
      inputCompleteListener.invalidContent();
     }
    }

    for (int i = 0; i < MAX; i++) {
     if (i < inputContent.length()) {
      textViews[i].setText(String.valueOf(inputContent.charAt(i)));
     } else {
      textViews[i].setText("");
     }
    }
   }
  });
 }


 private InputCompleteListener inputCompleteListener;

 public void setInputCompleteListener(InputCompleteListener inputCompleteListener) {
  this.inputCompleteListener = inputCompleteListener;
 }

 public interface InputCompleteListener {

  void inputComplete();

  void invalidContent();
 }

 public String getEditContent() {
  return inputContent;
 }

}

如果需要完整的demo,可以访问我的github:https://github.com/jb274585381/VerifyCodeViewDemo,当然大家也可以直接本地下载

总结

有时候我们实现一个需求,不光要考虑最终的效果,还要考虑时间成本,能用最简单的方法实现当然是最好的,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • Android绘制验证码的实例代码

    Android绘制验证码的实例代码

    这篇文章主要介绍了Android绘制验证码的实例代码,需要的朋友可以参考下
    2017-07-07
  • android6.0运行时权限完美封装方法

    android6.0运行时权限完美封装方法

    今天小编就为大家分享一篇android6.0运行时权限完美封装方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-07-07
  • Android  Wifi的forget()操作实例详解

    Android Wifi的forget()操作实例详解

    这篇文章主要介绍了Android Wifi的forget()操作实例详解的相关资料,需要的朋友可以参考下
    2017-02-02
  • Android编程创建桌面快捷方式的常用方法小结【2种方法】

    Android编程创建桌面快捷方式的常用方法小结【2种方法】

    这篇文章主要介绍了Android编程创建桌面快捷方式的常用方法,结合实例形式总结分析了2种常见的实现方法与相关操作技巧,需要的朋友可以参考下
    2017-02-02
  • Android操作系统之内存回收策略

    Android操作系统之内存回收策略

    Android 是一款基于 Linux 内核,面向移动终端的操作系统。为适应其作为移动平台操作系统的特殊需要,谷歌对其做了特别的设计与优化,使应用程序关闭但不退出,并由操作系统进行进程的回收管理
    2016-01-01
  • android 添加随意拖动的桌面悬浮窗口

    android 添加随意拖动的桌面悬浮窗口

    用过新版本android 360手机助手都人都对 360中只在桌面显示一个小小悬浮窗口羡慕不已吧,本文将介绍此功能的实现步骤,需要了解的朋友可以参考下
    2012-11-11
  • Android网格视图GridView的使用

    Android网格视图GridView的使用

    网格视图GridView的排列方式与矩阵类似,当屏幕上有很多元素(文字、图片或其他元素)需要按矩阵格式进行显示时,就可以使用GridView控件来实现
    2016-01-01
  • Android ListView异步加载图片方法详解

    Android ListView异步加载图片方法详解

    这篇文章主要介绍了Android ListView异步加载图片方法,结合实例形式较为详细的分析了ListView异步加载图片的原理与相关实现技巧,需要的朋友可以参考下
    2016-02-02
  • Android使用ViewPager实现滚动广告

    Android使用ViewPager实现滚动广告

    这篇文章主要为大家详细介绍了Android使用ViewPager实现滚动广告,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Android实现监听电话呼叫状态的方法

    Android实现监听电话呼叫状态的方法

    这篇文章主要介绍了Android实现监听电话呼叫状态的方法,涉及Android权限控制及电话状态监听的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10

最新评论