侧边栏壁纸
博主头像
Stars-One的杂货小窝博主等级

所有的创作都是有价值的

  • 累计撰写 276 篇文章
  • 累计创建 46 个标签
  • 累计收到 27 条评论

目 录CONTENT

文章目录

JavaFx 实现按钮防抖

Stars-one
2022-01-22 / 0 评论 / 0 点赞 / 339 阅读 / 3542 字

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")
        }
    }
}

Kotlin优化版

稍微重新封装了下,使用更加优雅

/**
 * 是否快速点击
 */
fun Button.isFastClick(time:Long): Boolean {
    val lastClickTime = userData as Long?
    val currentTime = System.currentTimeMillis()

    userData = currentTime
    if (lastClickTime != null && currentTime - lastClickTime <= time) {
        return true
    }
    return false
}

/**
 * 设置防抖的按钮Action
 * @param time 单位毫秒,默认1000(1s内防抖)
 */
fun Button.setActionHank(time:Long = 1000,op: () -> Unit) {
    action {
        if (!isFastClick(time)) {
            op()
        }
    }
}

使用:

button("测试") {
    //这里不用action了
    setActionHank{
        println("111")
    }
}

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;
    }
}

测试效果

0

评论区