前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >android使用Rxjava实现倒计时功能

android使用Rxjava实现倒计时功能

作者头像
砸漏
发布2020-11-05 11:02:45
7510
发布2020-11-05 11:02:45
举报
文章被收录于专栏:恩蓝脚本

一般我们在开发时,常会遇到使用倒计时的场景,以前一般会使用thread+handler来实现,而强大的Rxjava横空出世后,使这一切变得简单了。我们可以在子线程中直接使用发射器每融1S发出一个时间,在主线程中接收更新ui,在等倒计时结束恢复界面,下面给出在用户注册时获取验证码的,倒计时使用的代码demo。具体调用方法如下:

代码语言:javascript
复制
 /**
 * 点击获取验证码,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进行控件的绑定:

代码语言:javascript
复制
<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文件

代码语言:javascript
复制
<?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

代码语言:javascript
复制
<?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 

两个颜色值:

代码语言:javascript
复制
<color name="colorLineItem" #FFDDDDDD</color 
<color name="colorTheme" #f64a33</color 

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
验证码
腾讯云新一代行为验证码(Captcha),基于十道安全栅栏, 为网页、App、小程序开发者打造立体、全面的人机验证。最大程度保护注册登录、活动秒杀、点赞发帖、数据保护等各大场景下业务安全的同时,提供更精细化的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档