Android之自定义AlertDialog完成Rxjava2倒计时

最新推荐文章于 2021-11-18 11:03:46 发布
最新推荐文章于 2021-11-18 11:03:46 发布
阅读量383 收藏
点赞数
文章标签： 移动开发 java ui
原文链接：https://juejin.im/post/5ad19e65f265da23a335a7de
版权

自定义 AlertDialog 对话框

目前AlertDialog已经足够全面，包括简单，列表，多选列表对话框，可以满足大部分日常开发。 这里自定义一个对话框， 了解一下material design关于对话框的相关标准。

首先定义一个TextView的扩展方法(非常建议， 可以获取context)， 如下：

fun TextView.countDown() {
    val frameLayout = FrameLayout(context)
    val rootView = LayoutInflater.from(context).inflate(R.layout.view_count_down, null)
    val mobileView = rootView.find<EditText>(R.id.vcd_et_mobile)
    val codeView = rootView.find<EditText>(R.id.vcd_et_code)
    val sendCode = rootView.find<TextView>(R.id.vcd_tv_send_code)
    sendCode.setOnClickListener {
        Timber.d("发送验证码")
    }

    val lp = FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT,
            FrameLayout.LayoutParams.WRAP_CONTENT)
    lp.topMargin = dp2px(20f)
    lp.bottomMargin = dp2px(20f)
    lp.leftMargin = dp2px(24f)
    lp.rightMargin = dp2px(24f)
    rootView.layoutParams = lp
    frameLayout.addView(rootView)

    AlertDialog.Builder(context).setTitle("手机号码")
            .setNegativeButton("取消", { _, _ ->
                showToast("取消")
            })
            .setPositiveButton("确认", { _, _ ->
                showToast("确认")
            })
            .setView(frameLayout)
            .show()
}
复制代码

布局UI如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/white">

    <EditText
        android:id="@+id/vcd_et_mobile"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white"
        android:padding="10dp"
        android:hint="请输入手机"
        android:text=""
        android:textSize="16sp"
        />

    <EditText
        android:id="@+id/vcd_et_code"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:hint="请输入验证码"
        app:layout_constraintTop_toBottomOf="@id/vcd_et_mobile"
        app:layout_constraintRight_toLeftOf="@id/vcd_tv_send_code"
        android:background="@color/white"
        app:layout_constraintLeft_toLeftOf="parent"
        android:layout_marginTop="10dp"
        android:layout_marginRight="10dp"
        android:padding="10dp"
        android:textSize="16sp"
        />
    <TextView
        android:id="@+id/vcd_tv_send_code"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="@id/vcd_et_code"
        app:layout_constraintBottom_toBottomOf="@id/vcd_et_code"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toRightOf="@id/vcd_et_code"
        android:text="获取验证码"
        android:background="@color/white"
        android:textColor="@color/colorTextMain"
        android:textSize="16sp"
        android:gravity="center"
        />

</android.support.constraint.ConstraintLayout>
复制代码

上面对应的几个点如下：

  1. 对话框的margin值
  2. 自定义对话框内容的字体大小:16sp
  3. 控件命名：文件名首写字母_控件名称缩写_所执行功能
  4. 相关控件的监听设置

完成的UI如下：

Rxjava2完成倒计时功能

假设对Rxjava2的使用有一定的了解，知道Observable， disposable， subscribe的简单使用。

首先定义一个Observable和disposable对象：

    var disposable: Disposable? = null
    val countTimesObservable = Observable.interval(1, TimeUnit.SECONDS)
            .take(10)
            .doOnDispose {
                Logger.d(TAG, "取消订阅")
            }
            .doOnSubscribe {
                Logger.d(TAG, "开始计时")
                disposable = it
            }.doOnComplete {
                Logger.d(TAG, "结束计时")
                sendCode.text = context.getString(R.string.login_get_code)
                disposable?.let {
                    if (it.isDisposed) {
                        it.dispose()
                    }
                }
            }
            .observeOn(AndroidSchedulers.mainThread())
复制代码

这里简单解释一下几个方法的意思： interval 表示每间隔1秒发送一个 Long 型数据；
take 表示取10个；
doOnDispose：表示当取消订阅（调用disposable.dispose()）是产生的回调；
doOnSubscribe：表示开始接受数据(调用countTimesObservable.subscribe())是的回调，这里将disposable赋值，以便后续调用。
doOnComplete：表示结束时（倒计10s完成）的回调；
这里有个点需要注意：doOnDispose 一定要在 doOnSubscribe 之前声明

这几个方法主要是做现场的保留与恢复，体现链式的好处。

接下面是完成按钮的监听，即点击 发送验证码 时的功能：

    sendCode.setOnClickListener {
        countTimesObservable.subscribe {
            val second = 9 - it
            sendCode.text = "已发送($second)"
            Timber.d(second.toString())
        }
    }
复制代码

点击按钮开始倒计时，并修改显示文本，打印log如下:

04-14 14:50:57.915 28606-28606/com.swensun.swdesign D/ViewExtensionKt$countDown$countTimesObservable: 开始计时
04-14 14:50:58.922  D/ViewExtensionKt$countDown: 9
04-14 14:50:59.921  D/ViewExtensionKt$countDown: 8
04-14 14:51:00.921  D/ViewExtensionKt$countDown: 7
04-14 14:51:01.921  D/ViewExtensionKt$countDown: 6
04-14 14:51:02.919  D/ViewExtensionKt$countDown: 5
04-14 14:51:03.923  D/ViewExtensionKt$countDown: 4
04-14 14:51:04.922  D/ViewExtensionKt$countDown: 3
04-14 14:51:05.921  D/ViewExtensionKt$countDown: 2
04-14 14:51:06.922  D/ViewExtensionKt$countDown: 1
04-14 14:51:07.922  D/ViewExtensionKt$countDown$countTimesObservable: 结束计时
04-14 14:51:07.923  D/ViewExtensionKt$countDown: 0
04-14 14:51:07.924  D/ViewExtensionKt$countDown$countTimesObservable: 取消订阅
复制代码

可以看到当点击按钮时开始倒计时，完成时调用onComplete完成现场恢复。

假如需要在倒计时中间停止怎么办： 设置dialog的监听， 取消订阅，修改代码如下：

    AlertDialog.Builder(context).setTitle("手机号码")
            .setNegativeButton("取消", { _, _ ->
                showToast("取消")
                disposable?.dispose()
            })
            .setPositiveButton("确认", { _, _ ->
                showToast("确认")
                disposable?.dispose()
            })
            .setView(frameLayout)
            .show()
复制代码

开始计时后点击取消，log如下：

04-14 14:57:04.190 28980-28980/com.swensun.swdesign D/ViewExtensionKt$countDown$countTimesObservable: 开始计时
04-14 14:57:05.198 28980-28980/com.swensun.swdesign D/ViewExtensionKt$countDown: 9
04-14 14:57:06.198 28980-28980/com.swensun.swdesign D/ViewExtensionKt$countDown: 8
04-14 14:57:07.197 28980-28980/com.swensun.swdesign D/ViewExtensionKt$countDown: 7
04-14 14:57:08.197 28980-28980/com.swensun.swdesign D/ViewExtensionKt$countDown: 6
04-14 14:57:09.116 28980-28980/com.swensun.swdesign D/ViewExtensionKt$countDown$countTimesObservable: 取消订阅
复制代码

在倒计时到5时取消订阅，调用相关方法恢复现场。

这里作为一个Rxjava2的使用场景，相比使用Runnable来说，结构清晰明了，也是整个函数变的更纯，以后会陆续介绍使用Rxjava2的使用场景，方便开发。2

完成示例代码：
github：dialog countdown Rxjava2

关于纯函数，下面会介绍函数式编程的基本概念和方法， 以及柯里化的相关知识。

总结：

  1. 自定义AlertDialog 对话框
  2. Rxjava2 基本函数的使用
weixin_34348174
关注
AndroidStudio_android通过自定义来实现倒计时的AlertDialog---Android原生开发工作笔记245
添柴程序猿的专栏
05-21 768
截图,还是蛮漂亮的,当然大家可以按照自己的需求,去自己定义效果. 1.首先看一下:PromptDialog类,这个类中有些修改的地方,可以复制直接使用 ,当然也可以根据需要,去掉,倒计时的功能. package com.baidu.idl.main.facesdk.utils; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; impor...
Android源码设计模式探索与实战【建造者模式】
itbird的专栏
06-01 444
IT行业，一直讲一句话，拼到最后都拼的是“内功”，而内功往往就是指我们处理问题的思路、经验、想法，而对于开发者来说，甚至对于产品也一样，都离不开一个“宝典”，就是设计模式。今天我们一起借助Android源码去探索一下单例模式的优缺点，以及它所想要去解决的问题。同时结合我工作经验中的一个小例子，来总结实践一下。 1.背景&定义 理解： 单例模式是创建性设计模式的一种。是我们最常见、也可能是开发者肯定会使用的一种设计模式。 先从单例这个词来理解，在应用这个设计模式的时候，单例对象必须保证全局只有一个.
android使用MaterialDialog和AlertDialog弹框Timer倒计时的用法
05-19
安卓使用弹框做到倒计时的用法，分别使用MaterialDialog、AlertDialog来做了一个小demo
简单记录，倒计时的AlertDialog
maclay的专栏
06-03 3084
一个简单的显示倒计时的alertdialog。 dialog显示及开始倒计时，倒计时结束则让alertdialog消失，或者是alertdialog消失取消计时。 不依赖activity显示dialog，需要权限： alertdialog的创建： public void CreateDialog() { if (mAlertDialog != null) {
倒计时的AlertDialog
pipisky2006的专栏
10-25 7779
dialog是阻塞式的提示，但是有时并不想让他一直在，可以定时自己关闭，并且帮助用户来选择其中的某个选项“确认”或者“取消”。 下面看代码吧 package com.testtimerdialog; import android.app.AlertDialog; import android.app.Dialog; import android.content.Context; impo
Android_Dialog倒计时可任意设定时间
04-12
Android_Dialog倒计时可任意设定时间
2021Android高级面试题总结：字节跳动Android岗经典面试真题，面经解析
linkedin_57417026的博客
08-19 641
背景 曾经有人问我，为什么要下班了不找点乐子，还花这么多时间去写一份资料。你是不是傻！ 我无言以对！ 但是不得不说，这份笔记确实倾注了我很多心血。 至于，我为什么要做这份资料，为什么又要写这篇文章！是因为我跟我的好基友打了个赌，我们一人做一份资料。到时候一起传到网上，看谁的文章效果好，输了就请对方 吃一个月的饭!（按他的奢侈程度，我应该会破产） 一、Android面试题 Android面试题包括Android基础，还有一些源码级别的、原理这些等。所以想去大公司面试，一定要多看看源码和实现方式，常用
金三银四热潮下。Android高级工程师面试题整理
Android_SE的博客
03-27 1393
最近整理了一波面试题，包括安卓JAVA方面的，目前大厂还是以安卓源码，算法，以及数据结构为主，有一些中小型公司也会问到混合开发的知识，至于我为什么倾向于混合开发，我的一句话就是"走上编程之路，将来你要学不仅仅是这些，丰富自己方能与世接轨"，做好全栈的装备。 前言 金三银四，很多同学心里大概都准备着年后找工作或者跳槽。最近有很多同学都在交流群里求大厂面试题。正好我电脑里面有这方面的整理，于是...
史上最全的BAT大厂Android面试题整理
weixin_45258969的博客
10-12 1599
又到了金九银十面试求职高峰期，最近有很多网友都在求大厂面试题。正好我之前电脑里面有这方面的整理，于是就发上来分享给大家。 这些题目是网友去百度、小米、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。 网上的都是按照公司划分的，想找具体某一方面的知识点有点不好找，我这里就根据知识点分门别类的整理了一下，想看哪一块可...
Android应届毕业生“过五关斩六将”，怒刷千题，非常适合收藏的Android进阶重难点笔记
m0_64319166的博客
11-18 149
什么是深拷贝和浅拷贝？ Java 中对象的生命周期？ 对并发编程的了解？ JVM 简述 JVM 内存模型和内存区域？ 简述垃圾回收器的工作原理？ 如何判断对象的生死？垃圾回收算法？新生代，老生代？ 哪些情况下的对象会被垃圾回收机制处理掉？ 垃圾回收机制与调用 System.gc() 的区别？ 强引用、软引用、弱引用、虚引用之间的区别？ 强引用设置为 null，会不会被回收？ 简述 ClassLoader 类加载机制？ 对双亲委派模型的了解？ String a = “a”+“b”+“c” 在内存中创建几.
一个可以倒计时的对话框，比较实用
07-26
代码基本上是从网上下载的。我只是实际验证确实可以使用。在这里给大家分享。
android倒计时器
11-28
android倒计时器的demo，采用CountDownTimer
Android中实现Iphone样式的AlertDialog
07-30
在Android中实现Iphone样式的AlertDialog； 使用Dialog实现。
android自定义alertdialog不现实输入法,Android自定义倒计时AlertDialog不成文记录
weixin_28758189的博客
05-25 76
错误一：requestFeature() must be called before adding content解决：setContentView(view)的执行需要在dialog.show()执行之后但是后来发现，并不需要这样。以下实现方式已修正。简单自定义：public classCountDownDialog extendsAlertDialog {/*** 上下文*/privateCo...
android 倒计时器,Android简单倒计时器
weixin_36263738的博客
05-26 255
安卓简单倒计时器。就一个Activity：package com.example.countdown;import android.os.Bundle;import android.os.CountDownTimer;import android.app.Activity;import android.app.AlertDialog;import android.app.AlertDialog.B...
java dialog_RxDialog(一) -- 一个基于RxJava的Dialog
weixin_30598047的博客
03-04 323
效果图Rxdialog.gif看图是和普通的Dialog一样。RxDialog的作用就是把一个普通的Dialog的按钮点击事件转化成Rxjava的形式。我们先来看下普通的创建Dialog的形式：new AlertDialog.Builder(MainActivity.this).setTitle("title").setMessage("Message").setPositiveButton("确...
RxJava结合ProgressDialog实现请求数据
Small_Lee的博客
05-02 5270
先看效果图 接下来看代码 1.请求接口public interface MovieService { // @GET("top250")//https://api.douban.com/v2/movie/top250?start=0&count=10 // Call<MovieInfo> getMovieInfo(@Query("start") int start,
timer的使用--倒计时--计时器
笨猪的空间
01-12 1670
倒计时：main.xml:     android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    >   android:layout_width="fill_parent"    andro
Android：RxJava 3.0尝鲜，你做好准备了吗？
weixin_45258969的博客
07-10 2663
前言 每个Android开发者，都是爱RxJava的,简洁线程切换和多网络请求合并，再配合Retrofit,简直是APP开发的福音。不知不觉，RxJava一路走来，已经更新到第三大版本了。不像RxJava 2对RxJava 1那么残忍，RxJava 3对RxJava 2的兼容性还是挺好的，目前并没有做出很大的更改。RxJava2到2020年12月31号不再提供支持，错误的会同时在2.x和3.x修复...
Android自定义单例AlertDialog实现与使用
"Android自定义单例AlertDialog详解" 在Android应用开发中，经常需要弹出对话框（AlertDialog）来与用户进行交互，例如显示警告、询问或确认信息。然而，每次创建新的Dialog对象会消耗资源，特别是在频繁弹出对话框...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值