Android账号注册实现点击获取验证码倒计时效果

网站中为了防止恶意获取验证短信、验证邮箱,都会在点击获取验证码的按钮上做个倒计时的效果,如何实现这个效果,具体内容如下

效果图:

 

代码:

RegisterActivity.java

import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.Button;

import com.jialianjia.bzw.BaseActivity;
import com.jialianjia.bzw.R;
import com.jialianjia.bzw.utils.CountDownButtonHelper;
import com.lidroid.xutils.ViewUtils;
import com.lidroid.xutils.view.annotation.ViewInject;

/**
 * 注册功能
 * Created by GXS on 2016/4/21.
 */
public class RegisterActivity extends BaseActivity{

 private Button btn_yzm;

 @ViewInject(R.id.toolbar)
 Toolbar toolbar;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_register);
 ViewUtils.inject(this);
 initToolBar(toolbar,"账号注册",true);

 // 获取验证码--start
 btn_yzm = (Button) findViewById(R.id.btn_yzm);
 btn_yzm.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
  CountDownButtonHelper helper = new CountDownButtonHelper(btn_yzm,"倒计时",60,1);

  helper.setOnFinishListener(new CountDownButtonHelper.OnFinishListener() {
   @Override
   public void finish() {
   // Toast.makeText(RegisterActivity.this,"倒计时结束",Toast.LENGTH_SHORT).show();
   btn_yzm.setText("再次获取");
   }
  });
  helper.start();
  }
 }); // 获取验证码--end
 }
}

布局文件:

activity_register.xml

<?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.support.v7.widget.Toolbar
 android:id="@+id/toolbar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="?attr/colorPrimary"
 android:theme="@style/AppTheme.AppBarOverlay"
 android:fitsSystemWindows="true" />

 <LinearLayout
 android:layout_height="50dp"
 android:layout_width="match_parent"
 android:layout_marginTop="10dp"
 android:layout_marginRight="10dp"
 android:layout_marginLeft="10dp"
 android:background="@color/white"
 android:orientation="horizontal">

 <TextView
  android:id="@+id/tv_phone"
  android:layout_width="60dp"
  android:layout_height="wrap_content"
  android:text="@string/tv_info_phone"
  android:layout_margin="8dp"
  android:textColor="@color/black"
  android:layout_gravity="center_vertical"
  android:textSize="17sp"/>

 <EditText
  android:id="@+id/et_phone"
  android:layout_width="190dp"
  android:layout_height="35dp"
  android:layout_toRightOf="@id/tv_phone"
  android:background="@null"
  android:hint="@string/edt_phone_tips"
  android:maxLength="20"
  android:layout_gravity="center_vertical"
  android:singleLine="true"
  android:textSize="16sp" />

 <View
  android:layout_width="2px"
  android:layout_height="50dp"
  android:background="@color/driverline" />

 <Button
  android:id="@+id/btn_yzm"
  android:layout_width="wrap_content"
  android:layout_height="50dp"
  android:layout_marginLeft="3dp"
  android:layout_gravity="center"
  android:background="@color/white"
  android:text="@string/btn_yzm_text"/>

 </LinearLayout>

 <View
 android:id="@+id/view_line"
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:layout_below="@id/tv_phone"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
 android:background="@color/driverline" />

 <LinearLayout
 android:layout_height="50dp"
 android:layout_width="match_parent"
 android:layout_marginTop="10dp"
 android:layout_marginRight="10dp"
 android:layout_marginLeft="10dp"
 android:background="@color/white"
 android:orientation="horizontal">

 <TextView
  android:id="@+id/tv_yzm"
  android:layout_width="60dp"
  android:layout_height="wrap_content"
  android:text="@string/tv_yzm_text"
  android:layout_margin="8dp"
  android:textColor="@color/black"
  android:layout_gravity="center_vertical"
  android:textSize="17sp"/>

 <EditText
  android:id="@+id/et_yzm"
  android:layout_width="190dp"
  android:layout_height="35dp"
  android:layout_toRightOf="@id/tv_phone"
  android:background="@null"
  android:hint="@string/edt_yzm_tips"
  android:maxLength="20"
  android:layout_gravity="center_vertical"
  android:singleLine="true"
  android:textSize="16sp" />

 </LinearLayout>

 <View
 android:id="@+id/view_line1"
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:layout_below="@id/tv_phone"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
 android:background="@color/driverline" />

 <LinearLayout
 android:layout_height="50dp"
 android:layout_width="match_parent"
 android:layout_marginTop="10dp"
 android:layout_marginRight="10dp"
 android:layout_marginLeft="10dp"
 android:background="@color/white"
 android:orientation="horizontal">

 <TextView
  android:id="@+id/tv_password"
  android:layout_width="60dp"
  android:layout_height="wrap_content"
  android:text="@string/tv_password_text"
  android:layout_margin="8dp"
  android:textColor="@color/black"
  android:layout_gravity="center_vertical"
  android:textSize="17sp"/>

 <EditText
  android:id="@+id/et_password"
  android:layout_width="190dp"
  android:layout_height="35dp"
  android:layout_toRightOf="@id/tv_phone"
  android:background="@null"
  android:hint="@string/edt_password_text"
  android:maxLength="20"
  android:layout_gravity="center_vertical"
  android:singleLine="true"
  android:textSize="16sp" />

 </LinearLayout>

 <View
 android:id="@+id/view_line2"
 android:layout_width="match_parent"
 android:layout_height="1dp"
 android:layout_below="@id/tv_phone"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
 android:background="@color/driverline" />

 <Button
 android:id="@+id/btn_regist"
 android:layout_width="match_parent"
 android:layout_height="45dp"
 android:layout_marginTop="30dp"
 android:layout_marginLeft="10dp"
 android:layout_marginRight="10dp"
 android:background="@drawable/btn_select"
 android:gravity="center"
 android:padding="5dp"
 android:text="@string/btn_regist_text"
 android:textColor="@color/white"
 android:textSize="16sp" />

</LinearLayout>

以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持我们。

时间: 2016-05-23

Android自定义圆形倒计时进度条

效果预览 源代码传送门:https://github.com/yanzhenjie/CircleTextProgressbar 实现与原理 这个文字圆形的进度条我们在很多APP中看到过,比如APP欢迎页倒计时,下载文件倒计时等. 分析下原理,可能有的同学一看到这个自定义View就慌了,这个是不是要继承View啊,是不是要绘制啊之类的,答案是:是的.但是我们也不要担心,实现这个效果实在是so easy.下面就跟我一起来看看核心分析和代码吧. 原理分析 首先我们观察上图,需要几个部分组成: 1. 外

Android实现计时与倒计时的常用方法小结

本文实例总结了Android实现计时与倒计时的常用方法.分享给大家供大家参考,具体如下: 方法一 Timer与TimerTask(Java实现) public class timerTask extends Activity{ private int recLen = 11; private TextView txtView; Timer timer = new Timer(); public void onCreate(Bundle savedInstanceState){ super.onC

android自定义倒计时控件示例

自定义TextView控件TimeTextView代码: 复制代码 代码如下: import android.content.Context;import android.content.res.TypedArray;import android.graphics.Paint;import android.text.Html;import android.util.AttributeSet;import android.widget.TextView; import com.new0315.R;

android实现倒计时功能代码

效果图,每隔1秒,变换一下时间  xml: 复制代码 代码如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="mat

Android开发之获取短信验证码后按钮背景变化并且出现倒计时

目前越来越多的app在注册或是进行对应操作时,要求获取短信验证码,在点击了获取短信验证码的按钮后,就是出现倒计时,比如倒计时120S,在倒计时期间内,按钮背景变化并且出现倒计时,当倒计时结束后,如果你没有获取到验证码,可以再次点击. 代码如下所示: VerCodeTimer mVerCodeTimer=(Button) findViewById(R.id.login_get_ver_code); private class VerCodeTimer extends CountDownTimer

Android实现时间倒计时功能

本文实例为大家分享了Android实现时间倒计时功能展示的具体代码,供大家参考,具体内容如下 效果展示 MainActivity(主页面代码) public class MainActivity extends Activity { private RelativeLayout countDown; // 倒计时 private TextView daysTv, hoursTv, minutesTv, secondsTv; private long mDay = 10; private long

Android中使用TextView实现高仿京东淘宝各种倒计时效果

今天给大家带来的是仅仅使用一个TextView实现一个高仿京东.淘宝.唯品会等各种电商APP的活动倒计时.最近公司一直加班也没来得及时间去整理,今天难得休息想把这个分享给大家,只求共同学习,以及自己后续的复习.为什么会想到使用一个TextView来实现呢?因为最近公司在做一些优化的工作,其中就有一个倒计时样式,原来开发的这个控件的同事使用了多个TextView拼接在一起的,实现的代码冗余比较大,故此项目经理就说:小宏这个就交给你来优化了,并且还要保证有一定的扩展性,当时就懵逼了.不知道从何处开始

Android 实现闪屏页和右上角的倒计时跳转实例代码

以前编程的时候,遇到倒计时的功能时,经常自己去写,但其实Android已经帮封装好了一个倒计时类CountDownTimer,其实是将后台线程的创建和Handler队列封装成为了一个方便的类调用. 闪屏页用到了handler和CountDownTimer类,还需配置一下Activity的主题,这里是:android:theme="@android:style/Theme.NoTitleBar.Fullscreen" 全屏主题的意思. 给大家展示下效果图: 代码如下所示: package

Android实现加载广告图片和倒计时的开屏布局

这是一个android开屏布局的实例,可以用于加载广告图片和倒计时的布局.程序中设置的LayoutParams,划分额外空间比例为6分之5,具体权重比例可根据用户自己需求来自定义,异步加载广告图片,相关的Android代码. 具体实现代码如下: package cn.waps.extend; import android.app.Activity; import android.content.Context; import android.content.res.Configuration;

Android中CountDownTimer倒计时器用法实例

本文实例讲述了Android中CountDownTimer倒计时器用法.分享给大家供大家参考,具体如下: 在平时我们编程的时候,经常会用到倒计时这个功能,很多人不知道Android已经帮封装好了一个类,往往都自己写.现在发现了这个类,大家共享一下: 在一个TextView不断显示剩下的时间,代码如下: private TextView vertifyView; private CountDownTimer timer = new CountDownTimer(10000, 1000) { @Ov

Android中GPS定位的用法实例

GPS定位是目前很多手机都有的功能,且非常实用.本文以实例形式讲述了Android中GPS定位的用法.分享给大家供大家参考之用.具体方法如下: 一般在Android中通过GPS获得当前位置,首先要获得一个LocationManager实例,通过该实例的getLastKnownLocation()方法获得第一个的位置,该方法的说明如下: void android.location.LocationManager.requestLocationUpdates(String provider, lon

Android中SeekBar和RatingBar用法实例分析

本文实例讲述了Android中SeekBar和RatingBar用法.分享给大家供大家参考,具体如下: 什么是SeekBar? 可以拖动的进度条(在播放器中使用最常见) 1.在布局文件中声明 <SeekBar android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/seekBar" /> 2.定义一个OnSeekB

android中Handle类的用法实例分析

本文实例讲述了android中Handle类的用法.分享给大家供大家参考.具体如下: 当我们在处理下载或是其他需要长时间执行的任务时,如果直接把处理函数放Activity的OnCreate或是OnStart中,会导致执行过程中整个Activity无响应,如果时间过长,程序还会挂掉.Handler就是把这些功能放到一个单独的线程里执行,与Activity互不影响. 当用户点击一个按钮时如果执行的是一个常耗时操作的话,处理不好会导致系统假死,用户体验很差,而Android则更进一步,如果任意一个Ac

Android中AsyncTask与handler用法实例分析

本文实例讲述了Android中AsyncTask与handler用法.分享给大家供大家参考,具体如下: 首先,我们得明确下一个概念,什么是UI线程.顾名思义,ui线程就是管理着用户界面的那个线程! android的ui线程操作并不是安全的,并且和用户直接进行界面交互的操作都必须在ui线程中进行才可以.这种模式叫做单线程模式. 我们在单线程模式下编程一定要注意:不要阻塞ui线程.确保只在ui线程中访问ui组件 当我们要执行一个复杂耗时的算法并且最终要将计算结果反映到ui上时,我们会发现,我们根本没

Android中GridView和ArrayAdapter用法实例分析

本文实例分析了Android中GridView和ArrayAdapter用法.分享给大家供大家参考,具体如下: GridView是一个表格化的二维排版的View,当GridView的文字放不下时会出现scrolling的效果,GridView中的元素命名为Item,要将Item放入GridView,需要ArrayAdapter对象. 例子如下: import android.app.Activity; import android.os.Bundle; import android.view.V

Android中的Selector的用法详解及实例

Android中的Selector的用法 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true" android:drawable="@drawable/b

Android中异步类AsyncTask用法总结

本文总结分析了Android中异步类AsyncTask用法.分享给大家供大家参考,具体如下: 最近整理笔记的时候,看到有关AsyncTask不是很理解,重新疏导了一下,有在网上找了一些资料,个人不敢独享,一并发在这里与大家共勉 这里有两种解释的方法,各有侧重点: 第一种解释: Async Task 简介: AsyncTask的特点是任务在主线程之外运行,而回调方法是在主线程中执行,这就有效地避免了使用Handler带来的麻烦 AsyncTask是抽象类.AsyncTask定义了三种泛型类型 Pa

Android中Fragment的基本用法示例总结

前言 fragment 可认为是一个轻量级的Activity,但不同与Activity,它是要嵌到Activity中来使用的,它用来解决设备屏幕大小的不同,主要是充分利用界面上的空间,如平板上多余的空间.一个Activity可以插入多个Fragment,可以认为Fragment就是Activity上的一个View. 本文主要介绍了关于Android中Fragment的基本用法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 一.fragment管理 在activity动态加载f

Sql Server中Substring函数的用法实例解析

SQL 中的 substring 函数是用来抓出一个栏位资料中的其中一部分.这个函数的名称在不同的资料库中不完全一样: MySQL: SUBSTR( ), SUBSTRING( ) Oracle: SUBSTR( ) SQL Server: SUBSTRING( ) SQL 中的 substring 函数是用来截取一个栏位资料中的其中一部分. 例如,我们需要将字符串'abdcsef'中的'abd'给提取出来,则可用substring 来实现: select substring('abdcsef'