JavaFx 實現按鈕防抖

one 發表於 2022-01-22
Java

原文地址: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")
        }
    }
}

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

測試效果

JavaFx 實現按鈕防抖