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

2020-12-16 15:00:27 浏览数 (1)

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

抛出问题

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

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

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

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

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

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

“你咋知道的大哥?”

“来吧,帮您看看吧!”

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

第一种:弹窗等待

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

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

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

代码语言:javascript复制
public void btnDialog(View view) {
        ProgressDialog progressDialog = new ProgressDialog(this);
        progressDialog.setTitle("等待");
        progressDialog.setMessage("等待内容");
        //progressDialog.setCanceledOnTouchOutside(false);
        progressDialog.show();
    }

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

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

第二种:禁止点击

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

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

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

第三种:时间判断

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

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

代码语言:javascript复制
// 上次点击时间
private long lastClickTime = 0L;
// 两次点击间隔时间(毫秒)
private static final int FAST_CLICK_DELAY_TIME = 1500;
代码语言:javascript复制

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

代码语言:javascript复制

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中新增以下代码:

代码语言:javascript复制
classpath 'com.hujiang.aspectjx:gradle-android-plugin-aspectjx:2.0.4'
代码语言:javascript复制

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

代码语言:javascript复制
implementation 'org.aspectj:aspectjrt:1.8.14'
代码语言:javascript复制

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

代码语言:javascript复制

代码语言:javascript复制
apply plugin: 'android-aspectjx'

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

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

代码语言:javascript复制


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

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

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

代码语言:javascript复制
@Aspect
public class SingleClickAspect {}

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

代码语言:javascript复制
@Pointcut("execution(@com.zj.singclick.SingleClick * *(..))")
public void methodAnnotated() {
}

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

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

代码语言:javascript复制
@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方法的代码:

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

代码语言:javascript复制
@SingleClick(2000)
public void btnAop(View view) {
    ToastUtils.showShort("btnAop");
    Log.e(TAG, "btnAop");
}

“是不是很简单啊?”

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

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

第四种封装

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

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

代码语言:javascript复制
dependencies {
        ...
        classpath 'com.hujiang.aspectjx:gradle-android-plugin-aspectjx:2.0.4'
 }

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

代码语言:javascript复制

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

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

代码语言:javascript复制

apply plugin: 'android-aspectjx'

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

代码语言:javascript复制

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

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

代码语言:javascript复制
@SingleClick(2000)
    public void btnAop(View view) {
        ToastUtils.showShort("btnAop");
        Log.e(TAG, "btnAop");
    }

“小子,会用了吗?”

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

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

代码语言:javascript复制

@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

0 人点赞