Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果

发布时间:2020-09-25 12:45:19 作者:xiaofei_dev
来源:脚本之家 阅读:171

本文介绍了Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果,分享给大家,具体如下:

场景:注册账号页面时,我们点击按钮发送验证码,在等待验证码时,界面会有倒计时提示,这此期间按钮不可点击。当倒计时结束时,按钮恢复。

实现代码

val timer:TextView = findViewById(R.id.textView) //这里的 timer 就是你要控制显示倒计时效果的 TextView 
val mSubscription: Subscription? = null // Subscription 对象,用于取消订阅关系,防止内存泄露
//开始倒计时,用 RxJava2 实现
 private fun timer() {
  val count = 59L
  Flowable.interval(0, 1, TimeUnit.SECONDS)//设置0延迟,每隔一秒发送一条数据
    .onBackpressureBuffer()//加上背压策略
    .take(count) //设置循环次数
    .map{ aLong ->
     count - aLong //
    }
    .observeOn(AndroidSchedulers.mainThread())//操作UI主要在UI线程
    .subscribe(object : Subscriber<Long> {
     override fun onSubscribe(s: Subscription?) {
      timer.isEnabled = false//在发送数据的时候设置为不能点击
      timer.textColor = resources.getColor(Color.GRAY)//背景色设为灰色
      mSubscription = s
      s?.request(Long.MAX_VALUE)//设置请求事件的数量,重要,必须调用
     }
     override fun onNext(aLong: Long?) {
      timer.text = "${aLong}s后重发" //接受到一条就是会操作一次UI
     }
     override fun onComplete() {
      timer.text = "点击重发"
      timer.isEnabled = true
      timer.textColor = Color.WHITE
      mSubscription?.cancel()//取消订阅,防止内存泄漏
     }
     override fun onError(t: Throwable?) {
      t?.printStackTrace()
     }
    })
 }

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

推荐阅读:
  1. 分享Android软件:智慧旅行做法
  2. 使用React怎么实现注册倒计时功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android 验证码 倒计时

上一篇:android线程消息机制之Handler详解

下一篇:基于Intellij Idea乱码的解决方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》