Rxjava如何實(shí)現(xiàn)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能

小編給大家分享一下Rxjava如何實(shí)現(xiàn)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供北戴河網(wǎng)站建設(shè)、北戴河做網(wǎng)站、北戴河網(wǎng)站設(shè)計(jì)、北戴河網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、北戴河企業(yè)網(wǎng)站模板建站服務(wù),十年北戴河做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

具體內(nèi)容如下

首先在gradle添加依賴:

compile 'io.reactivex:rxandroid:1.2.1'

compile 'io.reactivex:rxjava:1.1.6'

xml布局:

<?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="請(qǐng)輸入手機(jī)號(hào)碼"
     />
 
  <Button
    android:id="@+id/btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#f97e7e"
    android:text="獲取驗(yàn)證碼"
    />
</LinearLayout>

java代碼:

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)//設(shè)置0延遲,每隔一秒發(fā)送一條數(shù)據(jù)
            .take(count+1) //設(shè)置循環(huán)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);//在發(fā)送數(shù)據(jù)的時(shí)候設(shè)置為不能點(diǎn)擊
 
                mSend.setBackgroundColor(Color.GRAY);//背景色設(shè)為灰色
              }
            })
 
            .observeOn(AndroidSchedulers.mainThread())//操作UI主要在UI線程
            .subscribe(new Observer<Long>() {
              @Override
              public void onCompleted() {
                Log.d(TAG, "onCompleted: ");
                mSend.setText("獲取驗(yàn)證碼");//數(shù)據(jù)發(fā)送完后設(shè)置為原來(lái)的文字
                mSend.setTextColor(Color.BLACK);
                mSend.setBackgroundColor(Color.parseColor("#f97e7e"));//數(shù)據(jù)發(fā)送完后設(shè)置為原來(lái)背景色
              }
 
              @Override
              public void onError(Throwable e) {
                e.printStackTrace();
              }
 
              @Override
              public void onNext(Long aLong) { //接受到一條就是會(huì)操作一次UI
                Log.d(TAG, "onNext: "+aLong);
                mSend.setText("剩余時(shí)間"+aLong+"秒");
                mSend.setEnabled(true);
                mSend.setTextColor(Color.WHITE);
 
              }
            });
      }
    });
  }
 
}

代碼相對(duì)比較簡(jiǎn)單,做了詳細(xì)的注釋,要使用Rxjava需要明白什么是觀察者模式。剩下的就去理解和怎么樣組合使用Rxjava的各種操作符。

Rxjava如何實(shí)現(xiàn)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能

以上是“Rxjava如何實(shí)現(xiàn)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

文章名稱:Rxjava如何實(shí)現(xiàn)發(fā)送驗(yàn)證碼倒計(jì)時(shí)功能
轉(zhuǎn)載注明:http://muchs.cn/article24/ipggce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、網(wǎng)頁(yè)設(shè)計(jì)公司小程序開發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、云服務(wù)器、軟件開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)