Android如何優(yōu)雅的處理重復點擊
一般手機上的 Android App，主要的交互方式是點擊。用戶在點擊后，App 可能做出在頁面內(nèi)更新 UI、新開一個頁面或者發(fā)起網(wǎng)絡請求等操作。Android 系統(tǒng)本身沒有對重復點擊做處理，如果用戶在短時間內(nèi)多次點擊，則可能出現(xiàn)新開多個頁面或者重復發(fā)起網(wǎng)絡請求等問題。因此，需要對重復點擊有影響的地方，增加處理重復點擊的代碼。
之前的處理方式
之前在項目中使用的是 RxJava 的方案，利用第三方庫 RxBinding 實現(xiàn)了防止重復點擊：
fun View.onSingleClick(interval: Long = 1000L, listener: (View) -> Unit) {
RxView.clicks(this)
.throttleFirst(interval, TimeUnit.MILLISECONDS)
.subscribe({
listener.invoke(this)
}, {
LogUtil.printStackTrace(it)
})
}
但是這樣有一個問題，比如使用兩個手指同時點擊兩個不同的按鈕，按鈕的功能都是新開頁面，那么有可能會新開兩個頁面。因為 Rxjava 這種方式是針對單個控件實現(xiàn)防止重復點擊，不是多個控件。
現(xiàn)在的處理方式
現(xiàn)在使用的是時間判斷，在時間范圍內(nèi)只響應一次點擊，通過將上次單擊時間保存到 Activity Window 中的 decorView 里，實現(xiàn)一個 Activity 中所有的 View 共用一個上次單擊時間。
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 的默認值為 true，表示該控件和同一個 Activity 中其他控件共用一個上次單擊時間，也可以手動改成 false，表示該控件自己獨享一個上次單擊時間。
mBinding.btn1.onSingleClick {
// 處理單次點擊
}
mBinding.btn2.onSingleClick(interval = 2000, isShareSingleClick = false) {
// 處理單次點擊
}
其他場景處理重復點擊
間接設置點擊
除了直接在 View 上設置的點擊監(jiān)聽外，其他間接設置點擊的地方也存在需要處理重復點擊的場景，比如說富文本和列表。
為此將判斷是否觸發(fā)單次點擊的代碼抽離出來，單獨作為一個方法：
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
) {
...
}
直接在點擊監(jiān)聽回調(diào)中調(diào)用 determineTriggerSingleClick 判斷是否觸發(fā)單次點擊。下面拿富文本和列表舉例。
富文本
繼承 ClickableSpan，在 onClick 回調(diào)中判斷是否觸發(fā)單次點擊：
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
)
這樣會有一個問題， onClick 回調(diào)中的 widget，就是設置富文本的控件，也就是說如果富文本存在多個單次點擊的地方， 就算 isShareSingleClick 值為 false，這些單次點擊還是會共用設置富文本控件的上次單擊時間。
因此，這里需要特殊處理，在 isShareSingleClick 為 false 的時候，創(chuàng)建一個假的 View 來觸發(fā)單擊事件，這樣富文本中多個單次點擊 isShareSingleClick 為 false 的地方都有一個自己的假的 View 來獨享上次單擊時間。
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)
}
...
}
在設置富文本的地方，使用設置 onSingleClick 實現(xiàn)單次點擊：
mBinding.tvText.movementMethod = LinkMovementMethod.getInstance()
mBinding.tvText.highlightColor = Color.TRANSPARENT
mBinding.tvText.text = buildSpannedString {
append("normalText")
onSingleClick({
// 處理單次點擊
}) {
color(Color.GREEN) { append("clickText") }
}
}
列表
列表使用 RecyclerView 控件，適配器使用第三方庫 BaseRecyclerViewAdapterHelper。
Item 點擊：
adapter.setOnItemClickListener { _, view, _ ->
view.determineTriggerSingleClick {
// 處理單次點擊
}
}
Item Child 點擊：
adapter.addChildClickViewIds(R.id.btn1, R.id.btn2)
adapter.setOnItemChildClickListener { _, view, _ ->
when (view.id) {
R.id.btn1 -> {
// 處理普通點擊
}
R.id.btn2 -> view.determineTriggerSingleClick {
// 處理單次點擊
}
}
}
數(shù)據(jù)綁定
使用 DataBinding 的時候，有時會在布局文件中直接設置點擊事件，于是在 View.onSingleClick 上增加 @BindingAdapte 注解，實現(xiàn)在布局文件中設置單次點擊事件，并對代碼做出調(diào)整，這個時候需要將項目中 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
)
}
}
在布局文件中設置單次點擊：
<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}" />
在代碼中處理單次點擊：
class YourViewModel : ViewModel() {
fun handleClick() {
// 處理單次點擊
}
}
總結
對于直接在 View 上設置點擊的地方，如果需要處理重復點擊使用 onSingleClick，不需要處理重復點擊則使用原來的 setOnClickListener。
對于間接設置點擊的地方，如果需要處理重復點擊，則使用 determineTriggerSingleClick 判斷是否觸發(fā)單次點擊。
項目地址
single-click，覺得用起來很爽的，請不要吝嗇你的 Star ！
以上就是Android如何優(yōu)雅的處理重復點擊的詳細內(nèi)容，更多關于Android 處理重復點擊的資料請關注腳本之家其它相關文章！
相關文章
由于詐騙電話越來越猖狂，號碼歸屬地顯示越來越重要，本篇文章主要介紹了android手機衛(wèi)士來電顯示號碼歸屬地，有要的朋友可以了解一下。2016-10-10
這篇文章主要為大家詳細介紹了android實現(xiàn)通話自動錄音服務，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了Android11繞過反射限制的方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Android編程實現(xiàn)調(diào)用系統(tǒng)分享功能示例
這篇文章主要介紹了Android編程實現(xiàn)調(diào)用系統(tǒng)分享功能,結合實例形式分析了Android實現(xiàn)針對文字、圖片等元素分享功能的相關操作技巧,需要的朋友可以參考下2017-01-01
Android 自定義加載動畫Dialog彈窗效果的示例代碼
這篇文章主要介紹了Android 自定義加載動畫Dialog彈窗效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了Android編程之自定義ProgressBar,結合實例形式分析了Android自定義進度條的布局、功能實現(xiàn)及相關屬性設置技巧,需要的朋友可以參考下2017-08-08
Android getJSONObject與optJSONObject的區(qū)別結合源碼分析
這篇文章主要介紹了Android getJSONObject與optJSONObject的區(qū)別,結合源碼分析的相關資料,需要的朋友可以參考下2017-02-02
本文主要總結下Android平臺下幾種推送方案的基本情況以及優(yōu)缺點，具有一定的參考作用，下面跟著小編一起來看下吧2017-01-01
Android開發(fā)筆記之Android中數(shù)據(jù)的存儲方式（一）
這篇文章主要介紹了Android開發(fā)筆記之Android中數(shù)據(jù)的存儲方式（一） 的相關資料,需要的朋友可以參考下2016-01-01
這篇文章主要給大家介紹了關于Android切圓角的常見方式，文中通過示例代碼介紹的非常詳細，對各位Android開發(fā)者們具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-12-12