JavaFx 实现按钮防抖
本文为作者原创,允许转载,不过请在文章开头明显处注明链接和出处!!! 谢谢配合~
作者:stars-one
链接:https://www.cnblogs.com/stars-one/p/15834326.html
本篇大约有1724个字,阅读预计需要2.15分钟
原文地址:JavaFx 实现按钮防抖 | Stars-One的杂货小窝
Android平台的APP,一般是有需要进行设置按钮的防抖(即在短时间内无法多次点击),我想在JavaFx项目中也是实现防抖功能,便是研究了下
实现原理
点击按钮前,需要记录当前点击的时间,在按钮下一次点击的时候,与之前记录的点击时间进行计算,判断两者的间隔时间是否大于设定的条件值
这里思路没有是嘛难度,主要是点击时间的历史记录该如何记录?有以下几种方法
- 使用Map存储(按钮过多占用资源较大)
- 使用控件对象提供的某个无用字段进行存储
在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;
}
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 2分钟学会 DeepSeek API,竟然比官方更好用!
· .NET 使用 DeepSeek R1 开发智能 AI 客户端
· DeepSeek本地性能调优
· autohue.js:让你的图片和背景融为一体,绝了!
· 10亿数据,如何做迁移?