服务器之家

服务器之家 > 正文

Rxjava实现发送验证码倒计时功能

时间:2022-03-07 14:43     来源/作者:binary-01

本文为大家分享了使用Rxjava做一个发送验证码倒计时,供大家参考,具体内容如下

首先在gradle添加依赖:

compile 'io.reactivex:rxandroid:1.2.1'

compile 'io.reactivex:rxjava:1.1.6'

xml布局:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="luoxiang.com.rxcountdown.MainActivity"
  android:padding="16dp"
  android:orientation="vertical">
 
  <EditText
    android:id="@+id/editText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入手机号码"
     />
 
  <Button
    android:id="@+id/btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#f97e7e"
    android:text="获取验证码"
    />
</LinearLayout>

java代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
package luoxiang.com.rxcountdown;
 
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
 
 
import java.util.concurrent.TimeUnit;
 
import rx.Observable;
import rx.Observer;
import rx.android.schedulers.AndroidSchedulers;
import rx.functions.Action0;
import rx.functions.Func1;
 
 
public class MainActivity extends AppCompatActivity {
 
  private Button mSend;
  private static final String TAG = "MainActivity";
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
 
    init();
 
  }
 
  private void init() {
 
    mSend = (Button) findViewById(R.id.btn);
    mSend.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        final int count = 30;
 
        Observable.interval(0, 1, TimeUnit.SECONDS)//设置0延迟,每隔一秒发送一条数据
            .take(count+1) //设置循环11次
            .map(new Func1<Long, Long>() {
              @Override
              public Long call(Long aLong) {
                return count-aLong; //
              }
            })
            .doOnSubscribe(new Action0() {
              @Override
              public void call() {
                mSend.setEnabled(false);//在发送数据的时候设置为不能点击
 
                mSend.setBackgroundColor(Color.GRAY);//背景色设为灰色
              }
            })
 
            .observeOn(AndroidSchedulers.mainThread())//操作UI主要在UI线程
            .subscribe(new Observer<Long>() {
              @Override
              public void onCompleted() {
                Log.d(TAG, "onCompleted: ");
                mSend.setText("获取验证码");//数据发送完后设置为原来的文字
                mSend.setTextColor(Color.BLACK);
                mSend.setBackgroundColor(Color.parseColor("#f97e7e"));//数据发送完后设置为原来背景色
              }
 
              @Override
              public void onError(Throwable e) {
                e.printStackTrace();
              }
 
              @Override
              public void onNext(Long aLong) { //接受到一条就是会操作一次UI
                Log.d(TAG, "onNext: "+aLong);
                mSend.setText("剩余时间"+aLong+"秒");
                mSend.setEnabled(true);
                mSend.setTextColor(Color.WHITE);
 
              }
            });
      }
    });
  }
 
}

代码相对比较简单,做了详细的注释,要使用Rxjava需要明白什么是观察者模式。剩下的就去理解和怎么样组合使用Rxjava的各种操作符。

Rxjava实现发送验证码倒计时功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/ifreeboard/article/details/53965580

相关文章

热门资讯

2022年最旺的微信头像大全 微信头像2022年最新版图片
2022年最旺的微信头像大全 微信头像2022年最新版图片 2022-01-10
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整
蜘蛛侠3英雄无归3正片免费播放 蜘蛛侠3在线观看免费高清完整 2021-08-24
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
返回顶部