JavaFx 实现按钮防抖

admin

撰写于 2022年 01月 22 日

原文地址：JavaFx 实现按钮防抖 | Stars-One的杂货小窝

Android平台的APP，一般是有需要进行设置按钮的防抖（即在短时间内无法多次点击），我想在JavaFx项目中也是实现防抖功能，便是研究了下

实现原理

点击按钮前，需要记录当前点击的时间，在按钮下一次点击的时候，与之前记录的点击时间进行计算，判断两者的间隔时间是否大于设定的条件值

这里思路没有是嘛难度，主要是点击时间的历史记录该如何记录？有以下几种方法

1. 使用Map存储（按钮过多占用资源较大）
2. 使用控件对象提供的某个无用字段进行存储

在Android中，可以使用View中的tag来保存信息

而在JavaFx中，所有的控件都有userData的字段，有了这个，我们即可去存储时间

实现代码

Kotlin版：

kotlin版我是使用了扩展方法，对BUtton类进行了扩展，不太明白扩展方法的可以查下资料，简单来说即是给Button类新增了个方法

//注意Button是javafx包的
fun Button.isFastClick(): Boolean {
val lastClickTime = userData as Long?
val currentTime = System.currentTimeMillis()

    userData = currentTime
//这里我设置为1s内多次点击无效，可以根据需要调整
if (lastClickTime != null && currentTime - lastClickTime <= 1000) {
return true
}
return false
}

使用：

button{
action {
//不是快速点击才进入点击逻辑
if (!isFastClick()) {
println("hello")
}
}
}

PS:后续会收录到common-controls的库中

Java版

class ButtonUtils {
public static boolean isFastClick(Button button) {
Object userData = button.getUserData();

        long currentTime = System.currentTimeMillis();
button.setUserData(currentTime);
if (userData instanceof Long) {
Long lastClickTime = (Long) userData;
return currentTime - lastClickTime <= 1000;
}
return false;
}
}

测试效果

JavaFx 实现按钮防抖的