当前位置: 首页 > 编程笔记 >

Android防止按钮过快点击造成多次事件的解决方法

杜元明
2023-03-14
本文向大家介绍Android防止按钮过快点击造成多次事件的解决方法,包括了Android防止按钮过快点击造成多次事件的解决方法的使用技巧和注意事项,需要的朋友参考一下

问题

onClick事件是Android开发中最常见的事件。比如,一个submitButton,功能是点击之后会提交一个订单,
则一般代码如下,其中submitOrder()函数会跳转到下一页进行处理 :

//代码0 
submitButton.setOnClickListener(new OnClickListener() { 
@Override 
public void onClick(View v) { 
submitOrder(); 
} 
}); 

正常情况下这段代码是没什么问题的,但是Android设备的机型性能等千差万别,如果碰到比较卡的手机,则有可能出现submitOrder()函数跳转页面出现延迟的现象。碰到这种现象,则用户就很有可能再次点击一次,从而造成函数被调用两次,出现重复订单的BUG。

一般地,碰到这现象,首先就会想到的就是在点击之后把submitButton设置为不可点击:

//代码1 
submitButton.setClickable(false); 
//或者 
submitButton.setEnabled(false); </code> 

此方法也确实有效,不过如果submitOrder()方法没有成功,需要再次提交订单时又需要再重复把submitButton设置为可点击状态。如果类似的button比较多时,就显得比较麻烦、混乱。

方案

定义一个NoDoubleClickListener,继承自OnClickListener:

//代码2 
public abstract class NoDoubleClickListener implements OnClickListener { 
public static final int MIN_CLICK_DELAY_TIME = 1000; 
private long lastClickTime = 0; 
@Override 
public void onClick(View v) { 
long currentTime = Calendar.getInstance().getTimeInMillis(); 
if (currentTime - lastClickTime > MIN_CLICK_DELAY_TIME) { 
lastClickTime = currentTime; 
onNoDoubleClick(v); 
} 
} 
} 

使用方法—— 给submitButton设置点击事件时用NoDoubleClickListener代替OnClickListener,并且实现方法onNoDoubleClick代替onClick即可,像这样:

<span style="font-size:14px;"> //代码3 
submitButton.setOnClickListener(new NoDoubleClickListener() { 
@Override 
public void onNoDoubleClick(View v) { 
submitOrder(); 
} 
}); </span> 

原理

很简单,见代码……

就是用onNoDoubleClick代替onClick处理具体的操作,在onClick方法中加一个判断:在接收到点击事件之后,先判断一下时间,如果距离上次处理操作不足MIN_CLICK_DELAY_TIME,就忽视——即能防止误操作的连续点击导致重复事件。

MIN_CLICK_DELAY_TIME可调。

优势

好处是不用改变原有代码的逻辑,就只需要两个替换:NoDoubleClickListener代替OnClickListener,onNoDoubleClick代替onClick。 代码的结构等都不需要做改变(**对比上面的代码0跟代码**3),不需要关心处理更改button的状态这些额外判断逻辑,只需要关注业务逻辑即可,简洁优雅~

 类似资料:
  • 问题内容: 当用户单击登录或注册按钮时,我试图阻止多个请求。这是我的代码,但是不起作用。只是第一次工作正常,然后返回false。 有任何想法吗?谢谢! 问题答案: 问题在这里: 不再指向按钮。

  • 问题内容: 在我的React组件中,我有一个按钮,当单击该按钮时,它会通过AJAX发送一些数据。我只需要第一次发生,即在首次使用后禁用该按钮。 我如何尝试做到这一点: 我认为发生的事情是状态变量没有立即更新,这是React文档所说的预期。 我如何强制按钮被禁用或在单击按钮时立即消失? 问题答案: 您可以做的是单击该按钮后将其禁用,然后将其保留在页面中(不可单击的元素)。 为此,您必须向按钮元素添加

  • 在React组件中,我有一个按钮,用于在单击时通过AJAX发送一些数据。我只需要第一次使用,即在第一次使用后禁用按钮。 我是如何做到这一点的: 我认为发生的是状态变量没有立即更新,React文档说这是预期的。 我如何强制按钮在被点击的瞬间被禁用或完全消失?

  • 问题内容: 这是我想做的事情:单击页面上的一个按钮,这又使(2)事情发生: 显示一个ModalPopup,以防止用户按下任何按钮或更改值 在方法后面调用我的代码,完成后隐藏ModalPopup 这是ASP标记: 现在,这是我在C#代码后面的代码: 为什么不起作用?ModalPopup可以完美显示,但是btnSaveData_Click事件从不触发。 更新: 第一个建议对我不起作用。我还尝试了您的第

  • 本文向大家介绍WPF中button按钮同时点击多次触发click解决方法,包括了WPF中button按钮同时点击多次触发click解决方法的使用技巧和注意事项,需要的朋友参考一下 解决WPF中button按钮同时点击多次触发click的方法,供大家参考,具体内容如下 以上代码并没法解决用户点击两次按钮触发两次的问题,因为ui线程是单线程的,所以这个这样会导致用户连续点击两次,会两秒后又调用Butt

  • 本文向大家介绍Android 中ListView的Item点击事件失效的快速解决方法,包括了Android 中ListView的Item点击事件失效的快速解决方法的使用技巧和注意事项,需要的朋友参考一下 在平常的开发过程中,我们的ListView可能不只是简单的显示下文本或者按钮,更多的是显示复杂的布局,这样的话,我们就得自己写布局和自定义adapter了,一般是继承于BaseAdapter,示例