android短信验证码功能实现，包含按钮倒计时操作

实习的时候，公司注册页面需要加上短信验证码的功能，就自己做了一个，使用的是聚合数据的短信验证SDK进行验证。

首先下载短信验证码SDK，不懂的朋友自行百度聚合数据，然后配置环境，导入相关的jar包.



2.进行mainfest的配置，加入权限

<uses-permission android:name="android.permission.READ_CONTACTS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.SEND_SMS" />

并且在application节点中配置meta，key为你申请的appkey

<meta-data
android:name="JUHE_KEY"
android:value="key" />

页面布局：



布局代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="输入手机号："/>
<EditText
android:layout_width="300dp"
android:layout_height="wrap_content"
android:textColor="#000000"
android:inputType="phone"
android:id="@+id/register_phone"/>

<Button
android:id="@+id/btn_register"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="40dp"
android:padding="5dip"
android:background="@drawable/bg_btn_shape_login"
android:text="发送验证码"
android:textSize="16sp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="输入验证码"/>
<EditText
android:layout_width="100dp"
android:layout_height="wrap_content"
android:id="@+id/register_yanzhengma"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="提交"
android:textColor="#000000"
android:id="@+id/btn_register_sumbit"/>

</LinearLayout>

图中的按钮为自定义样式，有需要的童鞋可以自己定义，自定义代码如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_pressed="true"><shape android:shape="rectangle">
<stroke android:width="1.0px" android:color="#ffd3dde6" />

<corners android:bottomLeftRadius="5.0dip" android:bottomRightRadius="5.0dip" android:topLeftRadius="5.0dip" android:topRightRadius="5.0dip" />

<gradient android:angle="270.0" android:endColor="#ff0e9379" android:startColor="#ff0e9379" />
</shape></item>
<item android:state_focused="true">
<shape android:shape="rectangle">
<gradient android:angle="270.0" android:endColor="#ff0e9379" android:startColor="#ff0e9379" />

<stroke android:width="1.0px" android:color="#ffd3dde6" />

<corners android:bottomLeftRadius="5.0dip" android:bottomRightRadius="5.0dip" android:topLeftRadius="5.0dip" android:topRightRadius="5.0dip" />
</shape></item>

<item>
<shape android:shape="rectangle">
<gradient android:angle="270.0" android:endColor="#2B86E3" android:startColor="#2B86E3" />

<stroke android:width="1.0px" android:color="#ffd3dde6" />

<corners android:bottomLeftRadius="5.0dip" android:bottomRightRadius="5.0dip" android:topLeftRadius="5.0dip" android:topRightRadius="5.0dip" />
</shape>

</item>

</selector>

在说主方法之前，想说一点，就是我们经常看到在点击获得验证码时候按钮进行倒计时操作，当然，你可以自定义Button来写，也可以使用Handler来写，我使用的是TimeCount这个android提供的类进行的：

class  TimeCount extends CountDownTimer{

public TimeCount(long millisInFuture, long countDownInterval) {
super(millisInFuture, countDownInterval);
}

//计时过程显示
@Override
public void onTick(long millisUntilFinished) {
button.setTextSize(14);
button.setText(millisUntilFinished / 1000 + "秒后重新发送");
button.setClickable(false);
button.setBackgroundDrawable(getDrawable(R.drawable.bg_btn_shape_sending));
}
//计时完成触发
@Override
public void onFinish() {
button.setText("获取验证码");
button.setBackgroundDrawable(getDrawable(R.drawable.bg_btn_shape_login));
button.setClickable(true);
}
}

代码很简单，自己看也能看懂，这里就不多叙述了，不懂的童鞋自行百度。

Activity代码：

/**
* Created by Chan on 2015/8/8 0008.
*/
public class RegisterActivity extends Activity implements View.OnClickListener {
private Button button;
private EditText phoneNum,getNum;
private SMSCaptcha smsCaptcha;
private String phone;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.act_register);
//获得验证码实例
smsCaptcha=SMSCaptcha.getInstance();
button = (Button) findViewById(R.id.btn_register);
phoneNum = (EditText) findViewById(R.id.register_phone);
getNum= (EditText) findViewById(R.id.register_yanzhengma);
button.setOnClickListener(this);
findViewById(R.id.btn_register_sumbit).setOnClickListener(this);
}

//验证码按钮计时器
private TimeCount time;

@Override
public void onClick(View v) {
switch (v.getId()){
//简单判断手机号码格式
case R.id.btn_register:
if (TextUtils.isEmpty(phoneNum.getText()))
{
Toast.makeText(RegisterActivity.this,"请输入手机号",Toast.LENGTH_SHORT).show();
phoneNum.getText().clear();
}
else if (phoneNum.getText().toString().length()!=11)
{
Log.e("phoneNum.getText()",phoneNum.getText().toString().length()+"");
phoneNum.getText().clear();
Toast.makeText(RegisterActivity.this,"输入有误，请重新输入",Toast.LENGTH_SHORT).show();
}
else
{
//进行验证
time=new TimeCount(60000,1000);//参数依次为总时长，计时时间间隔
time.start();
phone=phoneNum.getText().toString();
//此方法用来向服务器发送请求验证码的请求，参数依次为你的电话，以及回调结果
smsCaptcha.sendCaptcha(phone, new BaseData.ResultCallBack() {
@Override
public void onResult(int i, String reason, String result) {
if (i!=0){
Toast.makeText(RegisterActivity.this,reason,Toast.LENGTH_SHORT).show();
}
}
});
}
break;
case R.id.btn_register_sumbit:
final ProgressDialog progressDialog=ProgressDialog.show(RegisterActivity.this,"请稍候","正在验证....");
String result=getNum.getText().toString().trim();
//提交验证码
smsCaptcha.commitCaptcha(phone, result, new BaseData.ResultCallBack() {
@Override
public void onResult(int code, String reason, String result)
{
if (code==0)
{
progressDialog.dismiss();
Intent intent=new Intent(RegisterActivity.this,UserRegsiterActivtity.class);
startActivity(intent);
}
else
{
progressDialog.dismiss();
Toast.makeText(RegisterActivity.this, "验证码错误", Toast.LENGTH_SHORT).show();

return;
}
}
});
break;

}
}

class  TimeCount extends CountDownTimer{

public TimeCount(long millisInFuture, long countDownInterval) {
super(millisInFuture, countDownInterval);
}

//计时过程显示
@Override
public void onTick(long millisUntilFinished) {
button.setTextSize(14);
button.setText(millisUntilFinished / 1000 + "秒后重新发送");
button.setClickable(false);
button.setBackgroundDrawable(getDrawable(R.drawable.bg_btn_shape_sending));
}
//计时完成触发
@Override
public void onFinish() {
button.setText("获取验证码");
button.setBackgroundDrawable(getDrawable(R.drawable.bg_btn_shape_login));
button.setClickable(true);
}
}

@Override
protected void onDestroy() {
super.onDestroy();
if (time!=null)
{
time.cancel();
time=null;
}
}
}

主要的方法就是两个

发送获取验证码请求

smsCaptcha.sendCaptcha(phone, new BaseData.ResultCallBack() {
@Override
public void onResult(int i, String reason, String result) {
if (i!=0){
Toast.makeText(RegisterActivity.this,reason,Toast.LENGTH_SHORT).show();
}
}
});

以及验证验证码正确与否请求

smsCaptcha.commitCaptcha(phone, result, new BaseData.ResultCallBack() {
@Override
public void onResult(int code, String reason, String result)
{
if (code==0)
{
progressDialog.dismiss();
Intent intent=new Intent(RegisterActivity.this,UserRegsiterActivtity.class);
startActivity(intent);
}
else
{
progressDialog.dismiss();
Toast.makeText(RegisterActivity.this, "验证码错误", Toast.LENGTH_SHORT).show();

return;
}
}
});

聚合数据有提供官方开发的api文档以及demo，不懂的童鞋可以自行查阅，写的很清楚。