Android View 事件防抖的兩種方案

更新時間：2021年04月02日 09:14:28 作者：風(fēng)之旅人

這篇文章主要介紹了Android View 事件防抖的兩種方案，幫助大家更好的理解和學(xué)習(xí)使用Android，感興趣的朋友可以了解下

兩種方案

侵入式防抖處理(NoShakeClickListener) implements View.OnClickListener
無侵入式防抖處理(NoShakeClickListener2) not implements View.OnClickListener

侵入式防抖處理(NoShakeClickListener)

1. 既適用于單個View事件防抖, 也適用于Adapter中ItemView事件防抖

2. 如果事件為跳轉(zhuǎn)到新的Activity, 該Activity啟動模型應(yīng)為android:launchMode="singleTop"

Java 版本

public abstract class NoShakeClickListener implements View.OnClickListener {

  private long mTimeInterval = 500L;
  /**
   * 最近一次點(diǎn)擊的時間
   */
  private long mLastClickTime;
  /**
   * 最近一次點(diǎn)擊的控件ID
   */
  private int mLastClickViewId;

  public NoShakeClickListener() {
  }

  public NoShakeClickListener(long interval) {
    this.mTimeInterval = interval;
  }

  @Override
  public void onClick(View v) {
    final boolean isFastClick = isFastDoubleClick(v, this.mTimeInterval);
    if (isFastClick) {
      onFastClick(v);
    } else {
      onSingleClick(v);
    }
  }

  /**
   * 是否是快速點(diǎn)擊
   *
   * @param v    點(diǎn)擊的控件
   * @param interval 時間間期（毫秒）
   * @return true:是，false:不是
   */
  private boolean isFastDoubleClick(View v, long interval) {
    int viewId = v.getId();
    long nowTime = System.currentTimeMillis();
    long timeInterval = Math.abs(nowTime - mLastClickTime);
    if (timeInterval < interval && viewId == mLastClickViewId) {
      // 快速點(diǎn)擊事件
      return true;
    } else {
      // 單次點(diǎn)擊事件
      mLastClickTime = nowTime;
      mLastClickViewId = viewId;
      return false;
    }
  }
  
  protected void onFastClick(View v) {}
  protected abstract void onSingleClick(View v);
}

可簡寫為

public abstract class NoShakeListener implements OnClickListener {
  private long mLastClickTime = 0;
  private boolean isFastDoubleClick() {
    long nowTime = System.currentTimeMillis();
    if (Math.abs(nowTime - mLastClickTime) < 500) {
      return true; // 快速點(diǎn)擊事件
    } else {
      mLastClickTime = nowTime;
      return false; // 單次點(diǎn)擊事件
    }
  }
  @Override
  public void onClick(View v) {
    if (isFastDoubleClick()) {
      onFastClick(v);
    } else {
      onSingleClick(v);
    }
  }
  protected void onFastClick(View v) {
  }
  protected abstract void onSingleClick(View v);
}

Kotlin版本

abstract class NoShakeClickListener @JvmOverloads constructor(interval: Long = 500L) : View.OnClickListener {

  private var mTimeInterval = 500L
  private var mLastClickTime: Long = 0  //最近一次點(diǎn)擊的時間
  private var mLastClickViewId = 0    //最近一次點(diǎn)擊的控件ID

  init {
    mTimeInterval = interval
  }

  override fun onClick(v: View) {
    if (isFastDoubleClick(v, mTimeInterval)) onFastClick(v) else onSingleClick(v)
  }

  /**
   * 是否是快速點(diǎn)擊
   *
   * @param v    點(diǎn)擊的控件
   * @param interval 時間間期（毫秒）
   * @return true:是，false:不是
   */
  private fun isFastDoubleClick(v: View, interval: Long): Boolean {
    val viewId = v.id
    val nowTime = System.currentTimeMillis()
    val timeInterval = abs(nowTime - mLastClickTime)
    return if (timeInterval < interval && viewId == mLastClickViewId) {
      // 快速點(diǎn)擊事件
      true
    } else {
      // 單次點(diǎn)擊事件
      mLastClickTime = nowTime
      mLastClickViewId = viewId
      false
    }
  }

  protected open fun onFastClick(v: View?) {}
  protected abstract fun onSingleClick(v: View?)
}

差點(diǎn)忘了... 相應(yīng)的擴(kuò)展函數(shù):

fun View?.noShake(block: (v: View?) -> Unit) {
  this?.apply {
    setOnClickListener(object : NoShakeClickListener() {
      override fun onSingleClick(v: View?) {
        block.invoke(v)
      }
    })
  }
}

RxJava2 clickExt.kt

inline fun <T : View> T.noShake(crossinline listener: T.() -> Unit) = this.noShake(1000, listener)

inline fun <T : View> T.noShake(windowDuration: Long = 500, crossinline listener : T.() -> Unit) =
  RxView.clicks(this)
    .throttleFirst(windowDuration, TimeUnit.MILLISECONDS)
    .subscribe(object : Observer<Any> {
      override fun onSubscribe(d: Disposable) {}
      override fun onError(e: Throwable) {}
      override fun onComplete() {}
      override fun onNext(o: Any) {
        listener()
      }
    })

無侵入式防抖處理(NoShakeClickListener2)

特點(diǎn):

1 移除了對View.OnClickListener的依賴, 在不破壞原有代碼已設(shè)置好的OnClickListener基礎(chǔ)上繼續(xù)處理事件防抖;

2 支持簡單處理事件和泛型回調(diào)

/**
 * 事件防抖
 * 注: 不僅適用于 View , 其他控件如: MenuItem 同樣適用
 *
 * 1.既適用于單個`View`事件防抖, 也適用于`Adapter`中`ItemView`事件防抖
 * 2.如果事件為跳轉(zhuǎn)到新的`Activity`, 該`Activity`啟動模型應(yīng)為`android:launchMode="singleTop"`
 */
open class NoShakeClickListener2 @JvmOverloads constructor(interval: Long = 500L) {

  private var mTimeInterval = 500L
  private var mLastClickTime: Long = 0  //最近一次點(diǎn)擊的時間
  private var mLastClick: Any? = null  //最近一次點(diǎn)擊的控件 View or MenuItem ...

  init {
    mTimeInterval = interval
  }

  fun proceedClick() {
    if (isFastClick(null, mTimeInterval)) onFastClick(null) else onSingleClick(null)
  }

  fun <T> proceedClick(item: T?) {
    if (isFastClick(item, mTimeInterval)) onFastClick(item) else onSingleClick(item)
  }

  /**
   * 是否是快速點(diǎn)擊
   *
   * @param item   點(diǎn)擊的控件 View or MenuItem ...
   * @param interval 時間間期（毫秒）
   * @return true:是，false:不是
   */
  private fun <T> isFastClick(item: T?, interval: Long): Boolean {
    val nowTime = System.currentTimeMillis()
    val timeInterval = abs(nowTime - mLastClickTime)
    return if (timeInterval < interval && item == mLastClick) {
      // 快速點(diǎn)擊事件
      true
    } else {
      // 單次點(diǎn)擊事件
      mLastClickTime = nowTime
      mLastClick = item
      false
    }
  }

  protected open fun onFastClick(item: Any?) {}
  protected open fun onSingleClick(item: Any?) {}
}

實(shí)用案例

1 簡單使用

//快速點(diǎn)擊事件
val fastClick=object :NoShakeClickListener2(){
  override fun onFastClick(item: Any?) {
    super.onFastClick(item)
    //此時 item == null
    Log.e("123", "onFastClick Click")
  }
}
BottomNavigationView.setOnNavigationItemSelectedListener {
  switchPage(it.itemId)
  fastClick.proceedClick()
  true
}

2 回傳參數(shù)

//快速點(diǎn)擊事件
val fastClick=object :NoShakeClickListener2(){
  override fun onFastClick(item: Any?) {
    super.onFastClick(item)
    //此時 item == null 為 proceedClick(it) 中的 it
    Log.e("123", "onFastClick Click")
  }
}
BottomNavigationView.setOnNavigationItemSelectedListener {
  switchPage(it.itemId)
  fastClick.proceedClick(it)
  true
}

以上就是Android View 事件防抖的兩種方案的詳細(xì)內(nèi)容，更多關(guān)于Android View 事件防抖的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: