android获取手机验证码界面以及倒计时实现demo

最新推荐文章于 2024-03-25 22:10:53 发布
最新推荐文章于 2024-03-25 22:10:53 发布
阅读量1k 收藏
点赞数
分类专栏： 第三方sdk 文章标签： android 验证码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37237245/article/details/78066295
版权

因为要求实名制，然后要求app里面加入绑定手机号功能，因为是阅读类app，不能因为不绑定手机号就不让人阅读，所以，决定在评论的地方加入验证功能，没有绑定手机的不能发表评论。
本文采取弹出PopupWindow的方式，提醒用户进行绑定。
先看图看图

这里写图片描述

画验证码：

public class Code {  

    private static final char[] CHARS = {  
        '2', '3', '4', '5', '6', '7', '8', '9',  
        'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'k', 'm',   
        'n', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z',  
        'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',   
        'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'  
    };  

    private static Code bmpCode;  

    public static Code getInstance() {  
        if(bmpCode == null)  
            bmpCode = new Code();  
        return bmpCode;  
    }  

    //default settings  
    private static final int DEFAULT_CODE_LENGTH = 4;  
    private static final int DEFAULT_FONT_SIZE = 25;  
    private static final int DEFAULT_LINE_NUMBER = 2;  
    private static final int BASE_PADDING_LEFT = 10, RANGE_PADDING_LEFT = 15, BASE_PADDING_TOP = 15, RANGE_PADDING_TOP = 20;  
    private static final int DEFAULT_WIDTH = 100, DEFAULT_HEIGHT = 40;  

    //settings decided by the layout xml  
    //canvas width and height  
    private int width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT;   

    //random word space and pading_top  
    private int base_padding_left = BASE_PADDING_LEFT, range_padding_left = RANGE_PADDING_LEFT,   
            base_padding_top = BASE_PADDING_TOP, range_padding_top = RANGE_PADDING_TOP;  

    //number of chars, lines; font size  
    private int codeLength = DEFAULT_CODE_LENGTH, line_number = DEFAULT_LINE_NUMBER, font_size = DEFAULT_FONT_SIZE;  

    //variables  
    private String code;
    private int padding_left, padding_top;  
    private Random random = new Random();

    public Bitmap createBitmap() {
        padding_left = 0;  

        Bitmap bp = Bitmap.createBitmap(width, height, Config.ARGB_8888);
        Canvas c = new Canvas(bp);

        code = createCode();  

        c.drawColor(Color.WHITE);
        Paint paint = new Paint();
        paint.setTextSize(font_size);  

        for (int i = 0; i < code.length(); i++) {  
            randomTextStyle(paint);  
            randomPadding();  
            c.drawText(code.charAt(i) + "", padding_left, padding_top, paint);  
        }  

        for (int i = 0; i < line_number; i++) {  
            drawLine(c, paint);  
        }  

        c.save( Canvas.ALL_SAVE_FLAG );
        c.restore();//  
        return bp;  
    }  

    public String getCode() {
        return code;  
    }  


    private String createCode() {
        StringBuilder buffer = new StringBuilder();
        for (int i = 0; i < codeLength; i++) {  
            buffer.append(CHARS[random.nextInt(CHARS.length)]);  
        }  
        return buffer.toString();  
    }  

    private void drawLine(Canvas canvas, Paint paint) {
        int color = randomColor();  
        int startX = random.nextInt(width);  
        int startY = random.nextInt(height);  
        int stopX = random.nextInt(width);  
        int stopY = random.nextInt(height);  
        paint.setStrokeWidth(1);  
        paint.setColor(color);  
        canvas.drawLine(startX, startY, stopX, stopY, paint);  
    }  

    private int randomColor() {  
        return randomColor(1);  
    }  

    private int randomColor(int rate) {  
        int red = random.nextInt(256) / rate;  
        int green = random.nextInt(256) / rate;  
        int blue = random.nextInt(256) / rate;  
        return Color.rgb(red, green, blue);
    }  

    private void randomTextStyle(Paint paint) {
        int color = randomColor();  
        paint.setColor(color);  
        paint.setFakeBoldText(random.nextBoolean());
        float skewX = random.nextInt(11) / 10;  
        skewX = random.nextBoolean() ? skewX : -skewX;  
        paint.setTextSkewX(skewX);
    }  

    private void randomPadding() {  
        padding_left += base_padding_left + random.nextInt(range_padding_left);  
        padding_top = base_padding_top + random.nextInt(range_padding_top);  
    }  
}

内部提供方法初始化和获取验证码内容

image_code.setImageBitmap(Code.getInstance().createBitmap()); //初始化验证码

Code.getInstance().getCode(); //获取验证码

计时器

public abstract class CountDownTimer {

    /**
     * Millis since epoch when alarm should stop.
     执行的总时间
     */
    private final long mMillisInFuture;

    /**
     * The interval in millis that the user receives callbacks
     时间间隔
     */
    private final long mCountdownInterval;

    // 停止时间
    private long mStopTimeInFuture;

    /**
     * @param millisInFuture The number of millis in the future from the call
     *   to {@link #start()} until the countdown is done and {@link #onFinish()}
     *   is called.
     * @param countDownInterval The interval along the way to receive
     *   {@link #onTick(long)} callbacks.
    两参数构造函数，总时间，时间间隔
     */
    public CountDownTimer(long millisInFuture, long countDownInterval) {
        mMillisInFuture = millisInFuture;
        mCountdownInterval = countDownInterval;
    }

    /**
     * Cancel the countdown.
     取消到timer
     */
    public final void cancel() {
        mHandler.removeMessages(MSG);
    }

    /**
     * Start the countdown.
     开始
     */
    public synchronized final CountDownTimer start() {
        if (mMillisInFuture <= 0) {
            onFinish();
            return this;
        }
        // 停止时间 = 系统启动时间 + 总计时间
        mStopTimeInFuture = SystemClock.elapsedRealtime() + mMillisInFuture;
        mHandler.sendMessage(mHandler.obtainMessage(MSG));
        return this;
    }


    /**
     * Callback fired on regular interval.
     * @param millisUntilFinished The amount of time until finished.
     */
    public abstract void onTick(long millisUntilFinished);

    /**
     * Callback fired when the time is up.
     */
    public abstract void onFinish();


    private static final int MSG = 1;


    // handles counting down
    private Handler mHandler = new Handler() {

        @Override
        public void handleMessage(Message msg) {

            synchronized (CountDownTimer.this) {
                // 计算剩余总时间
                final long millisLeft = mStopTimeInFuture - SystemClock.elapsedRealtime();
                // 小于等于 0 ，回调 onFinish
                if (millisLeft <= 0) {
                    onFinish();
                } else if (millisLeft < mCountdownInterval) { // 小于计时间隔 ，delayed 一个消息
                    // no tick, just delay until done
                    sendMessageDelayed(obtainMessage(MSG), millisLeft);
                } else {
                    long lastTickStart = SystemClock.elapsedRealtime();
                    onTick(millisLeft);

                    // take into account user's onTick taking time to execute
                    long delay = lastTickStart + mCountdownInterval - SystemClock.elapsedRealtime();

                    // special case: user's onTick took more than interval to
                    // complete, skip to next interval
                    while (delay < 0) delay += mCountdownInterval;

                    sendMessageDelayed(obtainMessage(MSG), delay);
                }
            }
        }
    };

使用：倒计时

   final CountDownTimer timer = new CountDownTimer(60000, 1000) {

            @Override
            public void onTick(long millisUntilFinished) {
                get_verfiy_code.setText(millisUntilFinished/1000 + "秒");
            }

            @Override
            public void onFinish() {
                get_verfiy_code.setEnabled(true);
                get_verfiy_code.setText("获取验证码");
            }
        };

点击按钮的时候：

 get_verfiy_code.setEnabled(false);
 timer.start();

popupwinow全部如下：

/**
 * Created by
 * xiaomi on 2017/9/8.
 */
public class VerifyPopupWindow {
    /**
     * 手机验证popupwindow
     */
    private EditText phone_number;
    private EditText input_image_code;
    private ImageView image_code;
    private EditText input_code;
    private Button sure;
    private String inputcode;
    private String realCode;
    private Button no_verify;
    private CustomPopWindow mPopWindow;
    private Button get_verfiy_code;
    private Context mContext;

    public VerifyPopupWindow(Context context){

        this.mContext=context;
    }

    public  void showPopupWindow(){

        View contentView = LayoutInflater.from(mContext).inflate(R.layout.user_phone_number, null);
        phone_number = (EditText) contentView.findViewById(R.id.phone_number);    //填入手机号
        input_image_code=(EditText)contentView.findViewById(R.id.input_image_code);//填入图片验证码
        image_code=(ImageView)contentView.findViewById(R.id.image_code);       //图片验证码
        input_code=(EditText) contentView.findViewById(R.id.input_code);       //填入手机验证码
        sure=(Button)contentView.findViewById(R.id.user_verfiy_submit);        //确定绑定
        no_verify=(Button)contentView.findViewById(R.id.ignore_verfiy_submit); //暂不验证
        get_verfiy_code=(Button)contentView.findViewById(R.id.get_verfiy_code);//获取手机验证码

      final CountDownTimer timer = new CountDownTimer(60000, 1000) {

            @Override
            public void onTick(long millisUntilFinished) {
                get_verfiy_code.setText(millisUntilFinished/1000 + "秒");
            }

            @Override
            public void onFinish() {
                get_verfiy_code.setEnabled(true);
                get_verfiy_code.setText("获取验证码");
            }
        };

        image_code.setImageBitmap(Code.getInstance().createBitmap());     //初始化验证码
        View.OnClickListener listener = new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                switch (v.getId()){
                    case R.id.image_code:
                        image_code.setImageBitmap(Code.getInstance().createBitmap());
                        break;

                    case R.id.user_verfiy_submit:

                        if (TextUtils.isEmpty(phone_number.getText().toString())){
                            Toast.makeText(mContext,"请您输入手机号码", Toast.LENGTH_SHORT).show();
                            return;
                        }
                        if (TextUtils.isEmpty(input_code.getText().toString())){
                            Toast.makeText(mContext,"请您输入手机验证码", Toast.LENGTH_SHORT).show();
                            return;
                        }

                        PostFormBuilder builder= OkHttpUtils.post();
                        builder

                                .addParams("tel",phone_number.getText().toString())
                                .addParams("telyzm",input_code.getText().toString());

                        builder.build()
                                .execute(new StringCallback() {
                                    @Override
                                    public void onError(Call call, Exception e, int id) {

                                    }
                                    @Override
                                    public void onResponse(String response, int id) {

                                        try{
                                            JSONObject jsonObject=new JSONObject(response);
                                            int staus=jsonObject.getInt("staus");
                                            if (staus==1){
                                                mPopWindow.dissmiss();
                                                Toast.makeText(mContext,"恭喜您，账号绑定成功！", Toast.LENGTH_SHORT).show();
                                            }else {
                                                String message=jsonObject.getString("msg");
                                                if (message!=null){
                                                    Toast.makeText(mContext,message, Toast.LENGTH_SHORT).show();
                                                }
                                            }
                                        }catch (Exception e){
                                            e.printStackTrace();
                                        }
                                    }
                                });
                        break;

                    case R.id.ignore_verfiy_submit:

                        mPopWindow.dissmiss();

                        break;
                    case R.id.get_verfiy_code:
                        //  MyCountDownTimer.start();

                        inputcode=input_image_code.getText().toString();
                        realCode = Code.getInstance().getCode();

                        if (TextUtils.isEmpty(phone_number.getText().toString())){

                            Toast.makeText(mContext,"请您输入手机号码", Toast.LENGTH_SHORT).show();
                            return;
                        }
                        if (realCode.equalsIgnoreCase(inputcode)){
                            //发送手机信息到服务器，通知服务端发验证码，并获取验证码。
                            getVerifyCode(phone_number.getText().toString());
                        }else{
                            Toast.makeText(mContext,"您输入的验证码有误，请重新输入", Toast.LENGTH_SHORT).show();
                        }
                        get_verfiy_code.setEnabled(false);
                        timer.start();
                        break;
                }
            }
        };
        image_code.setOnClickListener(listener);
        sure.setOnClickListener(listener);
        no_verify.setOnClickListener(listener);
        get_verfiy_code.setOnClickListener(listener);

        mPopWindow = new CustomPopWindow.PopupWindowBuilder(mContext)
                .setView(contentView)
                .enableOutsideTouchableDissmiss(false)// 设置点击PopupWindow之外的地方，popWindow不关闭，如果不设置这个属性或者为true，则关闭
                .enableBackgroundDark(true) //弹出popWindow时，背景是否变暗
                .setBgDarkAlpha(0.7f) // 控制亮度
                .setOnDissmissListener(new PopupWindow.OnDismissListener() {
                    @Override
                    public void onDismiss() {
                        Log.e("TAG","onDismiss");
                    }
                })
                .create();

        mPopWindow.showAtLocation(contentView, Gravity.CENTER, 0, 0);
    }
    //把手机后台获取手机验证码
    public void getVerifyCode(String phoneNumber){

        try {
            PostFormBuilder builder=OkHttpUtils.post().url("");
            builder

                    .addParams("tel",phoneNumber);
            builder
                    .build()
                    .execute(new StringCallback() {
                        @Override
                        public void onError(Call call, Exception e, int id) {

                        }

                        @Override
                        public void onResponse(String response, int id) {

                            try {

                                JSONObject jsonObject=new JSONObject(response);
                                int staus=jsonObject.getInt("staus");
                                String message=jsonObject.getString("msg");
                                if (staus==1){

                                    Toast.makeText(mContext,message, Toast.LENGTH_SHORT).show();

                                }else {

                                    if (message!=null){
                                        Toast.makeText(mContext,message, Toast.LENGTH_SHORT).show();
                                    }
                                }
                            }catch (Exception e){

                                e.printStackTrace();
                            }
                        }
                    });
         }catch (Exception e){

            e.printStackTrace();

        }
    }


}

简单也挺麻烦的。。。

M米舟
关注
专栏目录
android获取手机验证码界面以及倒计时实现demo，移动端应用开发试题
m0_64319166的博客
11-20 626
‘A’, ‘B’, ‘C’, ‘D’, ‘E’, ‘F’, ‘G’, ‘H’, ‘I’, ‘J’, ‘K’, ‘L’, ‘M’, ‘N’, ‘P’, ‘Q’, ‘R’, ‘S’, ‘T’, ‘U’, ‘V’, ‘W’, ‘X’, ‘Y’, ‘Z’ }; private static Code bmpCode; public static Code getInstance() { if(bmpCode == null) bmpCode = new Code(); return bmpCode; } //def
Android 手机获取短信验证码—自带UI界面
偌古言召
09-11 6906
遇见一个需要做短信验证的项目，
android验证码界面ui实现
09-22
android验证码界面实现，弹出popupwindow,可以进行判断手机验证码。按钮会实现60s倒计时。。如果界面符合你的需求，copy进去资源，可以一行代码集成。
android程序设计中输入手机号，验证格式，并倒计时几秒后再次发送
Dr_abandon的博客
10-08 900
activity程序public class MainActivity extends Activity implements OnClickListener { EditText et_phonenum; Button btn_send; @Override protected void onCreate(Bundle savedInstanceState) {
Android手机验证码倒计时的实现
weixin_39654467的博客
07-04 1208
/**获取验证码倒计时 * Created on 2019/7/4. */ public class CountDownTimerUtils extends CountDownTimer { private TextView mTextView; public CountDownTimerUtils(TextView textView, long millisInFut...
android获取手机验证码界面以及倒计时实现demo(1)，渣本逆袭大厂面经分享
最新发布
m0_60226911的博客
03-25 965
作为一名从事Android的开发者，很多人最近都在和我吐槽Android是不是快要凉了？而在我看来这正是市场成熟的表现，所有的市场都是温水煮青蛙，永远会淘汰掉不愿意学习改变，安于现状的那批人，希望所有的人能在大浪淘沙中留下来，因为对于市场的逐渐成熟，平凡并不是我们唯一的答案！GitHub地址文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频**如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
Android中实现手机获取验证码登录的功能
weixin_43796132的博客
10-03 7829
Android中实现手机获取验证码登录的功能 1.进入http://www.mob.com/ MobTech官网注册账号。这个短信API平台很友好，完全免费，不像其他的平台短信几分钱一条。 1.1 在开发者服务下找到SMSSDK进入 1.2 点击开始使用后，会出进行认证弹框。我们就先进行个人认证，填的信息很简单！ 1.3 认证成功后创建应用，差不多只需要填写应用名称就行。完了之后就可以获得A...
Bmob短信验证码以及倒计时重新发送验证码的实现
11-14
在这个特定的项目中，“Bmob短信验证码以及倒计时重新发送验证码的实现”是一个实际应用场景，用于验证用户身份并确保安全性。 首先，我们要理解验证码系统的核心功能。验证码是一种安全机制，通过向用户的手机发送...
android使用Rxjava实现倒计时功能
01-04
我们可以在子线程中直接使用发射器每融1S发出一个时间，在主线程中接收更新ui，在等倒计时结束恢复界面，下面给出在用户注册时获取验证码的，倒计时使用的代码demo。具体调用方法如下： /** * 点击获取验证码，...
Handler实现短信验证码、倒计时（send、post）
11-22
在实际应用中，特别是在涉及到用户交互和界面更新时，Handler经常被用来实现各种功能，比如本例中的短信验证码发送与倒计时功能。接下来，我们将深入探讨如何使用Handler来实现这两个功能。 首先，我们要明白...
Android使用CountDownTimer实现短信验证码倒计时Demo
06-26
使用了CountdownTimer实现短信验证码倒计时的效果，并解决了倒计时读数不准确的Bug。博客地址：http://blog.csdn.net/Lindroid20/article/details/73693102
自动获取短信验证码并填充以及倒计时
04-22
自动获取短信验证码并填充以及倒计时,免费供大家分享。
Android-Android集成Mob使用自定义UI获取短信验证码。短息验证这个就够了^@^
08-13
get SMS verification code. Android集成Mob使用自定义UI获取短信验证码。短息验证这个就够了^@^
获取验证码倒计时效果
01-22
一般在获取验证码的时候，会有一个倒计时的效果，这个效果虽然和简单，但是在用的时候一时间想不起来，所以和大家做一分享
android手机验证码的获取
03-10
android手机验证码的获取,这个demo只做好了客户端客户端的处理，所以发送验证码的手机号是本机，连接服务器只需调整参数即可。
Android 获取验证码按钮倒计时实现
sjhandrf的博客
06-14 529
这个功能很常用，几乎每个app都要注册需要用的，废话不多说直接上代码xml 里面的代码：&lt;TextView android:id="@+id/regis_btn_code" android:layout_width="wrap_content" android:layout_height="@dimen/distance_twenty_seven" andro...
android 最简单的验证码倒计时实现
燕朝的博客
03-10 578
先上代码：public class RegistPhoneNumActivity extends BaseActivity { @BindView(R.id.regist_phonenum) EditText phonenum; @BindView(R.id.regist_phonenum_getcode) TextView getcode; @BindV...
【Android自定义View实战】之获取验证码倒计时按钮
DylanAndroid
10-25 6336
在Android开发中，我们不可避免的会做到注册功能，而现在的注册大多数都是用手机去注册的，那么注册的时候都会要求用获取验证码的方式去验证，我们接下来就来实战一下自定义获取验证码倒计时按钮： 1.我们涉及到的变量 倒计时时长，可设置 /** * 倒计时时长，默认倒计时时间60秒； */ private long length = 60 * 1000; 在点击按钮之前按钮所显示的文
android手机注册登录+验证码+发送60s倒计时
SuperMMa
03-16 1609
划重点说下：1.验证码2.倒计时1.验证码：1.1有一个免费的发送验证码的网站http://www.mob.com/ 注册 获得appky和appsecuret1.2 进入android studio首先AndroidMainfest.xml 添加许可 &lt;uses-permission android:name="android.permission.READ_CONTACTS" /&gt;...
Android注册：点击获取验证码的倒计时实现
在Android应用程序开发中，实现一个点击获取验证码的倒计时效果是提高用户体验和安全性的重要手段。此示例展示了如何在`RegisterActivity`类中使用`CountDownButtonHelper`库来实现实现这一功能。首先，我们需要在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值