溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

android使用Rxjava實現倒計時功能

發布時間:2020-09-01 21:25:53 來源:腳本之家 閱讀:161 作者:瀟瀟鳳兒 欄目:移動開發

一般我們在開發時,常會遇到使用倒計時的場景,以前一般會使用thread+handler來實現,而強大的Rxjava橫空出世后,使這一切變得簡單了。我們可以在子線程中直接使用發射器每融1S發出一個時間,在主線程中接收更新ui,在等倒計時結束恢復界面,下面給出在用戶注冊時獲取驗證碼的,倒計時使用的代碼demo。具體調用方法如下:

 /**
 * 點擊獲取驗證碼,10S倒計時,利用Rxjava進行線程切換
 * @param view
 */
 public void getSureCode(View view) {
 Observable.create(new ObservableOnSubscribe<Integer>() {
  @Override
  public void subscribe(ObservableEmitter<Integer> emitter) throws Exception {
  int i = 10;
  while (i >= 0) {
   try {
   Thread.sleep(1000);
   emitter.onNext(i);
   } catch (InterruptedException e) {
   e.printStackTrace();
   }
   i--;
  }
  emitter.onComplete();
  }
 }).subscribeOn(Schedulers.io())// 此方法為上面發出事件設置線程為IO線程
  .observeOn(AndroidSchedulers.mainThread())// 為消耗事件設置線程為UI線程
  .subscribe(new Consumer<Integer>() {
   @Override
   public void accept(Integer integer) throws Exception {
   bindingView.countDownTv.setClickable(integer > 0 ? false : true);
   bindingView.countDownTv.setBackground(integer > 0 ? getResources().getDrawable(R.drawable.rectangle_gray_bg) : getResources().getDrawable(R.drawable.rectangle_red_bg));
   if(integer > 0) {
    String content = integer + "秒后可重新發送";
    SpannableString span = new SpannableString(content);
    int index = content.indexOf("后");
    span.setSpan(new ForegroundColorSpan(getResources().getColor(R.color.colorTheme)), 0, index, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //設置前景色為紅色
    bindingView.countDownTv.setText(span);
   } else {
    bindingView.countDownTv.setText(getString(R.string.get_check_code));
   }
   }
  });
 }

下面的是布局文件,布局只有一個TextView控件,這里采用了dataBinding進行控件的綁定:

<layout xmlns:android="http://schemas.android.com/apk/res/android">

 <LinearLayout xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 tools:context="com.smilexie.countdownwithrxjava.MainActivity">

 <TextView
  android:id="@+id/count_down_tv"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_margin="10dp"
  android:gravity="center"
  android:layout_gravity="center_vertical"
  android:padding="8dp"
  android:background="@drawable/rectangle_red_bg"
  android:text="@string/get_check_code"
  android:textSize="14sp"
  android:textColor="@color/white"
  android:onClick="getSureCode"/>

 </LinearLayout>
</layout>


這里定義了兩個drawable用來對倒計時背景的更換,倒計時時不允許對控件進行點擊:
rectangle_gray_bg.xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 <!-- 填充顏色 -->
 <solid android:color="@color/colorLineItem"></solid>
 <!-- 線的寬度,顏色灰色 -->
 <stroke android:width="1dp" android:color="@color/colorLineItem"></stroke>
 <!-- 矩形的圓角半徑 -->
 <corners android:radius="5dp" />
</shape>

rectangle_gray_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 <!-- 填充顏色 -->
 <solid android:color="@color/colorTheme"></solid>
 <!-- 線的寬度,顏色灰色 -->
 <stroke android:width="1dp" android:color="@color/colorTheme"></stroke>
 <!-- 矩形的圓角半徑 -->
 <corners android:radius="5dp" />
</shape>

兩個顏色值:

<color name="colorLineItem">#FFDDDDDD</color>
<color name="colorTheme">#f64a33</color>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女