一般手機(jī)上的 Android App，主要的交互方式是點(diǎn)擊。用戶在點(diǎn)擊后，App 可能做出在頁面內(nèi)更新 UI、新開一個(gè)頁面或者發(fā)起網(wǎng)絡(luò)請(qǐng)求等操作。Android 系統(tǒng)本身沒有對(duì)重復(fù)點(diǎn)擊做處理，如果用戶在短時(shí)間內(nèi)多次點(diǎn)擊，則可能出現(xiàn)新開多個(gè)頁面或者重復(fù)發(fā)起網(wǎng)絡(luò)請(qǐng)求等問題。因此，需要對(duì)重復(fù)點(diǎn)擊有影響的地方，增加處理重復(fù)點(diǎn)擊的代碼。

之前在項(xiàng)目中使用的是 RxJava 的方案，利用第三方庫 RxBinding 實(shí)現(xiàn)了防止重復(fù)點(diǎn)擊：

fun View.onSingleClick(interval: Long = 1000L, listener: (View) -> Unit) { RxView.clicks(this) .throttleFirst(interval, TimeUnit.MILLISECONDS) .subscribe({ listener.invoke(this) }, { LogUtil.printStackTrace(it) })}

但是這樣有一個(gè)問題，比如使用兩個(gè)手指同時(shí)點(diǎn)擊兩個(gè)不同的按鈕，按鈕的功能都是新開頁面，那么有可能會(huì)新開兩個(gè)頁面。因?yàn)?Rxjava 這種方式是針對(duì)單個(gè)控件實(shí)現(xiàn)防止重復(fù)點(diǎn)擊，不是多個(gè)控件。

現(xiàn)在使用的是時(shí)間判斷，在時(shí)間范圍內(nèi)只響應(yīng)一次點(diǎn)擊，通過將上次單擊時(shí)間保存到 Activity Window 中的 decorView 里，實(shí)現(xiàn)一個(gè) Activity 中所有的 View 共用一個(gè)上次單擊時(shí)間。

fun View.onSingleClick( interval: Int = SingleClickUtil.singleClickInterval, isShareSingleClick: Boolean = true, listener: (View) -> Unit) { setOnClickListener { val target = if (isShareSingleClick) getActivity(this)?.window?.decorView ?: this else this val millis = target.getTag(R.id.single_click_tag_last_single_click_millis) as? Long ?: 0 if (SystemClock.uptimeMillis() - millis >= interval) { target.setTag( R.id.single_click_tag_last_single_click_millis, SystemClock.uptimeMillis() ) listener.invoke(this) } }}private fun getActivity(view: View): Activity? { var context = view.context while (context is ContextWrapper) { if (context is Activity) { return context } context = context.baseContext } return null}

參數(shù) isShareSingleClick 的默認(rèn)值為 true，表示該控件和同一個(gè) Activity 中其他控件共用一個(gè)上次單擊時(shí)間，也可以手動(dòng)改成 false，表示該控件自己獨(dú)享一個(gè)上次單擊時(shí)間。

mBinding.btn1.onSingleClick { // 處理單次點(diǎn)擊}mBinding.btn2.onSingleClick(interval = 2000, isShareSingleClick = false) { // 處理單次點(diǎn)擊}其他場(chǎng)景處理重復(fù)點(diǎn)擊間接設(shè)置點(diǎn)擊

除了直接在 View 上設(shè)置的點(diǎn)擊監(jiān)聽外，其他間接設(shè)置點(diǎn)擊的地方也存在需要處理重復(fù)點(diǎn)擊的場(chǎng)景，比如說富文本和列表。

為此將判斷是否觸發(fā)單次點(diǎn)擊的代碼抽離出來，單獨(dú)作為一個(gè)方法：

fun View.onSingleClick( interval: Int = SingleClickUtil.singleClickInterval, isShareSingleClick: Boolean = true, listener: (View) -> Unit) { setOnClickListener { determineTriggerSingleClick(interval, isShareSingleClick, listener) }}fun View.determineTriggerSingleClick( interval: Int = SingleClickUtil.singleClickInterval, isShareSingleClick: Boolean = true, listener: (View) -> Unit) { ...}

直接在點(diǎn)擊監(jiān)聽回調(diào)中調(diào)用 determineTriggerSingleClick 判斷是否觸發(fā)單次點(diǎn)擊。下面拿富文本和列表舉例。

繼承 ClickableSpan，在 onClick 回調(diào)中判斷是否觸發(fā)單次點(diǎn)擊：

inline fun SpannableStringBuilder.onSingleClick( listener: (View) -> Unit, isShareSingleClick: Boolean = true, ...): SpannableStringBuilder = inSpans( object : ClickableSpan() { override fun onClick(widget: View) { widget.determineTriggerSingleClick(interval, isShareSingleClick, listener) } ... }, builderAction = builderAction)

這樣會(huì)有一個(gè)問題， onClick 回調(diào)中的 widget，就是設(shè)置富文本的控件，也就是說如果富文本存在多個(gè)單次點(diǎn)擊的地方， 就算 isShareSingleClick 值為 false，這些單次點(diǎn)擊還是會(huì)共用設(shè)置富文本控件的上次單擊時(shí)間。

因此，這里需要特殊處理，在 isShareSingleClick 為 false 的時(shí)候，創(chuàng)建一個(gè)假的 View 來觸發(fā)單擊事件，這樣富文本中多個(gè)單次點(diǎn)擊 isShareSingleClick 為 false 的地方都有一個(gè)自己的假的 View 來獨(dú)享上次單擊時(shí)間。

class SingleClickableSpan( ...) : ClickableSpan() { private var mFakeView: View? = null override fun onClick(widget: View) { if (isShareSingleClick) { widget } else { if (mFakeView == null) { mFakeView = View(widget.context) } mFakeView!! }.determineTriggerSingleClick(interval, isShareSingleClick, listener) } ...}

在設(shè)置富文本的地方，使用設(shè)置 onSingleClick 實(shí)現(xiàn)單次點(diǎn)擊：

mBinding.tvText.movementMethod = LinkMovementMethod.getInstance()mBinding.tvText.highlightColor = Color.TRANSPARENTmBinding.tvText.text = buildSpannedString { append('normalText') onSingleClick({ // 處理單次點(diǎn)擊 }) { color(Color.GREEN) { append('clickText') } }}列表

列表使用 RecyclerView 控件，適配器使用第三方庫 BaseRecyclerViewAdapterHelper。

Item 點(diǎn)擊：

adapter.setOnItemClickListener { _, view, _ -> view.determineTriggerSingleClick { // 處理單次點(diǎn)擊 }}

Item Child 點(diǎn)擊：

adapter.addChildClickViewIds(R.id.btn1, R.id.btn2)adapter.setOnItemChildClickListener { _, view, _ -> when (view.id) { R.id.btn1 -> { // 處理普通點(diǎn)擊 } R.id.btn2 -> view.determineTriggerSingleClick { // 處理單次點(diǎn)擊 } }}數(shù)據(jù)綁定

使用 DataBinding 的時(shí)候，有時(shí)會(huì)在布局文件中直接設(shè)置點(diǎn)擊事件，于是在 View.onSingleClick 上增加 @BindingAdapte 注解，實(shí)現(xiàn)在布局文件中設(shè)置單次點(diǎn)擊事件，并對(duì)代碼做出調(diào)整，這個(gè)時(shí)候需要將項(xiàng)目中 listener: (View) -> Unit 替換成 listener: View.OnClickListener。

@BindingAdapter( *['singleClickInterval', 'isShareSingleClick', 'onSingleClick'], requireAll = false)fun View.onSingleClick( interval: Int? = SingleClickUtil.singleClickInterval, isShareSingleClick: Boolean? = true, listener: View.OnClickListener? = null) { if (listener == null) { return } setOnClickListener { determineTriggerSingleClick( interval ?: SingleClickUtil.singleClickInterval, isShareSingleClick ?: true, listener ) }}

在布局文件中設(shè)置單次點(diǎn)擊：

<androidx.appcompat.widget.AppCompatButton android:layout_width='match_parent' android:layout_height='wrap_content' android:text='@string/btn' app:isShareSingleClick='@{false}' app:onSingleClick='@{()->viewModel.handleClick()}' app:singleClickInterval='@{2000}' />

在代碼中處理單次點(diǎn)擊：

class YourViewModel : ViewModel() { fun handleClick() { // 處理單次點(diǎn)擊 }}總結(jié)

對(duì)于直接在 View 上設(shè)置點(diǎn)擊的地方，如果需要處理重復(fù)點(diǎn)擊使用 onSingleClick，不需要處理重復(fù)點(diǎn)擊則使用原來的 setOnClickListener。

對(duì)于間接設(shè)置點(diǎn)擊的地方，如果需要處理重復(fù)點(diǎn)擊，則使用 determineTriggerSingleClick 判斷是否觸發(fā)單次點(diǎn)擊。

single-click，覺得用起來很爽的，請(qǐng)不要吝嗇你的 Star ！

以上就是Android如何優(yōu)雅的處理重復(fù)點(diǎn)擊的詳細(xì)內(nèi)容，更多關(guān)于Android 處理重復(fù)點(diǎn)擊的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章！