一行代码解决重复点击问题

开发者全社区

共 5585字,需浏览 12分钟

 ·

2020-08-06 01:59

作者:Zhujiang
链接:https://juejin.im/post/5ea66d64f265da480836d2b2

抛出问题

“大哥,有个问题想问你!”

“哎,说吧(内心戏:咋又来了。。。准没好事!)”

“我的一个页面中有一个查询按钮,点击就会发出网络请求,等待返回结果后更新数据。”

“这不挺好的嘛!有啥问题啊?”

“对,我也觉得没问题,但测试不按套路出牌啊,测试那边的网络不太好,她点击按钮之后由于网络比较慢就快速多点击了几下,然后。。。”

“然后怎么了?ANR了吧?”

“你咋知道的大哥?”

“来吧,帮您看看吧!”

日常开发中肯定遇到过这种情况,接下来咱们就来看看该怎么解决这种问题。


第一种:弹窗等待


“小子,过来,你看啊,你可以这样,当你点击了按钮之后就弹出一个对话框,设置成不能关闭,等网络请求完成之后再将对话框关闭了就行”

“这是一种方式,但我该怎么写呢?”

“哎,给你写一下例子吧:照着下面代码写就行”


public void btnDialog(View view) {        ProgressDialog progressDialog = new ProgressDialog(this);        progressDialog.setTitle("等待");        progressDialog.setMessage("等待内容");        //progressDialog.setCanceledOnTouchOutside(false);        progressDialog.show();    }


上面代码很简单,这只是一种思路,点击按钮后可以弹出对话框不让用户进行操作(注释的那一行代码就是禁止用户点击的),当请求完成之后再将对话框关闭。

不过不推荐这种做法,官方也不推荐,官方推荐使用ProgressBar。


第二种:禁止点击


“大哥,我觉得弹出对话框不太好,会让用户很反感,还有别的方式吗?”

“行了,早就准备好和你说了,还不止一种呢!这种方式更简单了,只需要设置按钮是否可以点击就行,当用户点击后设置按钮不可点击,请求完成之后再设置可以点击就行了,这个不用我写代码了吧?“

”嘿嘿,这个不用,你刚才说还有好几种,说来听听啊!“


第三种:时间判断


这种方式比上面的稍微麻烦点,但还是很简单。

具体操作就是定义两个变量,一个为上次点击时间,一个为点击的间隔时间。


// 上次点击时间private long lastClickTime = 0L;// 两次点击间隔时间(毫秒)private static final int FAST_CLICK_DELAY_TIME = 1500;

在点击时进行判断就可以了,来看一下代码吧:


public void btnInter(View view) {  if (System.currentTimeMillis() - lastClickTime >= FAST_CLICK_DELAY_TIME)     lastClickTime = System.currentTimeMillis();  }}


"大哥,这种方法看着比上面两种好用多了,只需要这样定义一下就行了,我就用这一种啊!"

“先别高兴的太早了!”


第四种:AOP实现


“大哥,你刚才说我高兴的太早了是为啥啊?“

”你只有一个页面的话这样写肯定是没有问题的,但是如果有多个页面都有防止按钮重复点击的需求呢?每个页面都定义一遍啊?“

”呃呃,你说的对,大哥,那应该怎么办呢?“

”你知道AOP吗?接下来我要说的就和它有关“

”AOP?那是什么鬼?我知道OOP!“

”不错啊小子,还知道OOP,OOP就是面向对象,而AOP就是面向过程。“


AOP为Aspect OrientedProgramming的缩写,意为面向切面编程。所谓的面向切面编程其实是对业务逻辑又进行了进一步的抽取,将多种业务逻辑中的公用部分抽取出来做成一种服务(比如日志记录,性能统计等),从而实现代码复用。另外这种服务通过配置可以动态的给程序添加统一控制,利用AOP可以对业务逻辑的各个部分进行分离,从而使得业务逻辑各部分之间的耦合度降低。

AOP并不是Android中的产物,而是Java中的,Android官方并没有提供,所以想使用AOP首先要导入可以实现AOP的三方库:

在项目级别的build.gradle中新增以下代码:


classpath 'com.hujiang.aspectjx:gradle-android-plugin-aspectjx:2.0.4'

然后在moudle的build.gradle中新增依赖:


implementation 'org.aspectj:aspectjrt:1.8.14'

还需要在moudle的build.gradle中最上面添加以下代码:

apply plugin: 'android-aspectjx'


完事之后点击sync Now更新一下。

因为想在所有地方都能使用,所以来定义一个注解:


/** * 实现防止按钮连续点击 * @author jiang zhu on 2020/4/19 */@Retention(RetentionPolicy.RUNTIME)@Target(ElementType.METHOD)public @interface SingleClick {    /* 点击间隔时间 */    long value() default 1500;}


注解大家应该都使用过,运行时就不说了,使用范围定义的是方法上,有一个参数为间隔时间,这个参数意思其实和第三种方案中的类似。

然后就需要定义一个类,里面实现AOP的具体操作:


@Aspectpublic class SingleClickAspect {}


然后定义切点,标记切点为所有被@SingleClick的方法:


@Pointcut("execution(@com.zj.singclick.SingleClick * *(..))")public void methodAnnotated() {}


这里要注意包名和类名一定要写对。

接下来定义一个切面方法,包裹着切点方法:


@Around("methodAnnotated()")public void aroundJoinPoint(ProceedingJoinPoint joinPoint) throws Throwable {        View view = null;        for (Object arg : joinPoint.getArgs()) {            if (arg instanceof View) {                view = (View) arg;                break;            }        }        if (view == null) {            return;        }
MethodSignature methodSignature = (MethodSignature) joinPoint.getSignature(); Method method = methodSignature.getMethod(); if (!method.isAnnotationPresent(SingleClick.class)) { return; } SingleClick singleClick = method.getAnnotation(SingleClick.class);
if (!isFastDoubleClick(view, singleClick.value())) {
joinPoint.proceed(); } }


来简单分析下,首先看注解中定义了刚才定义的切点方法,然后取出方法的参数,再取出方法的注解,然后调用

isFastDoubleClick方法判断是否为快速点击事件,如果是什么都不干,如果不是则执行原方法中的内容。

下面贴一下isFastDoubleClick方法的代码:


private static long mLastClickTime;private static int mLastClickViewId;
private static boolean isFastDoubleClick(View v, long intervalMillis) { int viewId = v.getId(); long time = System.currentTimeMillis(); long timeInterval = Math.abs(time - mLastClickTime); if (timeInterval < intervalMillis && viewId == mLastClickViewId) { return true; } else { mLastClickTime = time; mLastClickViewId = viewId; return false; } }


上面代码采用了View的id和间隔时间双重判断,即使一个页面的多个按钮都可区分。

“大哥,停停停,都给我说懵了,这写完这个该怎么用啊!”

“别着急,下面就教你该怎么使用!”

使用很简单,只需要在点击时间方法上加上咱们自定义的注解就行了,还可以设置间隔时间,如果不写的话就是默认值,上面也写了,默认值就是1500毫秒。


@SingleClick(2000)public void btnAop(View view) {    ToastUtils.showShort("btnAop");    Log.e(TAG, "btnAop");}


“是不是很简单啊?”

“大哥,我也不想写这一大堆,我只想用,你能封装成一个库吗?我用的时候直接调用就行!”

“哎,行吧,我封装一下。。。。”


第四种封装


“我已经将上面第四种方式封装为了一个库并上传到了JitPack库,下面给你说一下使用方法吧!”

使用方法很简单,需要几步配置,配置完成之后直接添加注解即可使用,下面是配置方法:1、在项目的build.gradle中的buildscript中的dependencies添加:


dependencies {        ...        classpath 'com.hujiang.aspectjx:gradle-android-plugin-aspectjx:2.0.4' }


2、在项目的build.gradle中的allprojects中的repositories添加:


allprojects {    repositories {        ...        maven { url 'https://jitpack.io' }    }}


3、在app的build.gradle中的最上面添加


apply plugin: 'android-aspectjx'


4、在app的build.gradle中的dependencies添加


implementation 'com.github.zhujiang521:AndroidAOP:1.0.1'


5、在你需要使用的方法上面添加上注解即可:


@SingleClick(2000)    public void btnAop(View view) {        ToastUtils.showShort("btnAop");        Log.e(TAG, "btnAop");    }


“小子,会用了吗?”

“对了大哥,我的项目中用的是Kotlin啊,我看你写的都是Java,我那里面能用嘛!”

“吆喝,还Kotlin呢,放心吧,一样使用!”


@SingleClick
override fun onClick(v: View?) { if (v != null) { when(v.id){ R.id.btnClick ->{ ToastUtils.showShort("哈哈哈") Log.e("哈哈哈","wwww") } } } }

总结


“这回可以了吧?”

“可以了大哥,嘿嘿,感谢大哥?”

“小子,快去改项目吧!”

上面场景模拟的有些尴尬?,哈哈哈,大家也可以直接调用。

项目地址:https://github.com/zhujiang521/AndroidAOP


  开发者全社区 

5T技术资源大放送!包括但不限于:Android,Python,Java,大数据,人工智能,AI等等。关注公众号后回复「2T」,即可免费获取!
浏览 31
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报