快捷導(dǎo)航

JavaFx 實(shí)現(xiàn)按鈕防抖功能

更新時(shí)間：2022年01月23日 08:46:05 作者：Stars-one

最近Sun公司推出了JavaFX框架，使用它可以利用JavaFX編程語(yǔ)言來(lái)開(kāi)發(fā)富互聯(lián)網(wǎng)應(yīng)用程序(RIA)，這篇文章主要介紹了JavaFx 實(shí)現(xiàn)按鈕防抖功能,需要的朋友可以參考下

JavaFX

JavaFX 是一個(gè)開(kāi)源的下一代客戶(hù)端應(yīng)用平臺(tái)，適用于基于Java構(gòu)建的桌面、移動(dòng)端和嵌入式系統(tǒng)。它是許多個(gè)人和公司的共同努力的成果，目的是為開(kāi)發(fā)豐富的客戶(hù)端應(yīng)用提供一個(gè)現(xiàn)代、高效、功能齊全的工具包。

javafx中文網(wǎng)站

Android平臺(tái)的APP，一般是有需要進(jìn)行設(shè)置按鈕的防抖（即在短時(shí)間內(nèi)無(wú)法多次點(diǎn)擊），我想在JavaFx項(xiàng)目中也是實(shí)現(xiàn)防抖功能，便是研究了下

實(shí)現(xiàn)原理

點(diǎn)擊按鈕前，需要記錄當(dāng)前點(diǎn)擊的時(shí)間，在按鈕下一次點(diǎn)擊的時(shí)候，與之前記錄的點(diǎn)擊時(shí)間進(jìn)行計(jì)算，判斷兩者的間隔時(shí)間是否大于設(shè)定的條件值

這里思路沒(méi)有是嘛難度，主要是點(diǎn)擊時(shí)間的歷史記錄該如何記錄？有以下幾種方法

使用Map存儲(chǔ)（按鈕過(guò)多占用資源較大）
使用控件對(duì)象提供的某個(gè)無(wú)用字段進(jìn)行存儲(chǔ)

在Android中，可以使用View中的tag來(lái)保存信息

而在JavaFx中，所有的控件都有userData的字段，有了這個(gè)，我們即可去存儲(chǔ)時(shí)間

實(shí)現(xiàn)代碼

Kotlin版：

kotlin版我是使用了擴(kuò)展方法，對(duì)BUtton類(lèi)進(jìn)行了擴(kuò)展，不太明白擴(kuò)展方法的可以查下資料，簡(jiǎn)單來(lái)說(shuō)即是給Button類(lèi)新增了個(gè)方法

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

    userData = currentTime
    //這里我設(shè)置為1s內(nèi)多次點(diǎn)擊無(wú)效，可以根據(jù)需要調(diào)整
    if (lastClickTime != null && currentTime - lastClickTime <= 1000) {
        return true
    }
    return false
}

使用：

button{
    action {
        //不是快速點(diǎn)擊才進(jìn)入點(diǎn)擊邏輯
        if (!isFastClick()) {
            println("hello")
        }
    }
}

Kotlin優(yōu)化版

稍微重新封裝了下，使用更加優(yōu)雅

/**
 * 是否快速點(diǎn)擊
 */
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
}

/**
 * 設(shè)置防抖的按鈕Action
 * @param time 單位毫秒，默認(rèn)1000（1s內(nèi)防抖）
 */
fun Button.setActionHank(time:Long = 1000,op: () -> Unit) {
    action {
        if (!isFastClick(time)) {
            op()
        }
    }
}

使用：

button("測(cè)試") {
    //這里不用action了
    setActionHank{
        println("111")
    }
}

PS:后續(xù)會(huì)收錄到common-controls的庫(kù)中

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

測(cè)試效果