原文位址: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;
}
}
測試效果
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiZpdmLzcDM3MzM4cjMx0yM4MDO0MDM2EjMyEDMyIDMy0CO2IDMxITMvwVMwIjMwIzLchjNyATMyEzLcd2bsJ2Lc12bj5ycn9Gbi52YuIjMwIzZtl2Lc9CX6MHc0RHaiojIsJye.gif)
提問之前,請先看提問須知
點選右側圖示發起提問
或者加入QQ群一起學習
TornadoFx學習交流群:1071184701