一行代码解决重复点击问题
共 5585字,需浏览 12分钟
·
2020-08-06 01:59
链接: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?那是什么鬼?我知道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
*/
(RetentionPolicy.RUNTIME)
(ElementType.METHOD)
public SingleClick {
/* 点击间隔时间 */
long value() default 1500;
}
注解大家应该都使用过,运行时就不说了,使用范围定义的是方法上,有一个参数为间隔时间,这个参数意思其实和第三种方案中的类似。
然后就需要定义一个类,里面实现AOP的具体操作:
@Aspect
public class SingleClickAspect {}
然后定义切点,标记切点为所有被@SingleClick的方法:
"execution(@com.zj.singclick.SingleClick * *(..))") (
public void methodAnnotated() {
}
这里要注意包名和类名一定要写对。
接下来定义一个切面方法,包裹着切点方法:
@Around( )
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毫秒。
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、在你需要使用的方法上面添加上注解即可:
2000) (
public void btnAop(View view) {
ToastUtils.showShort("btnAop");
Log.e(TAG, "btnAop");
}
“小子,会用了吗?”
“对了大哥,我的项目中用的是Kotlin啊,我看你写的都是Java,我那里面能用嘛!”
“吆喝,还Kotlin呢,放心吧,一样使用!”
override fun onClick(v: View?) {
if (v != null) {
when(v.id){
R.id.btnClick ->{
ToastUtils.showShort("哈哈哈")
Log.e("哈哈哈","wwww")
}
}
}
}
总结
“这回可以了吧?”
“可以了大哥,嘿嘿,感谢大哥?”
“小子,快去改项目吧!”
上面场景模拟的有些尴尬?,哈哈哈,大家也可以直接调用。
项目地址:https://github.com/zhujiang521/AndroidAOP
开发者全社区