Android如何優(yōu)雅的處理重復(fù)點(diǎn)擊
一般手機(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)在的處理方式
現(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.TRANSPARENT
mBinding.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)擊。
項(xiàng)目地址
single-click，覺得用起來很爽的，請(qǐng)不要吝嗇你的 Star ！
以上就是Android如何優(yōu)雅的處理重復(fù)點(diǎn)擊的詳細(xì)內(nèi)容，更多關(guān)于Android 處理重復(fù)點(diǎn)擊的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
android項(xiàng)目手機(jī)衛(wèi)士來電顯示號(hào)碼歸屬地
由于詐騙電話越來越猖狂，號(hào)碼歸屬地顯示越來越重要，本篇文章主要介紹了android手機(jī)衛(wèi)士來電顯示號(hào)碼歸屬地，有要的朋友可以了解一下。2016-10-10
android實(shí)現(xiàn)通話自動(dòng)錄音服務(wù)
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)通話自動(dòng)錄音服務(wù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了Android11繞過反射限制的方法，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
Android編程實(shí)現(xiàn)調(diào)用系統(tǒng)分享功能示例
這篇文章主要介紹了Android編程實(shí)現(xiàn)調(diào)用系統(tǒng)分享功能,結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)針對(duì)文字、圖片等元素分享功能的相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
Android 自定義加載動(dòng)畫Dialog彈窗效果的示例代碼
這篇文章主要介紹了Android 自定義加載動(dòng)畫Dialog彈窗效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了Android編程之自定義ProgressBar,結(jié)合實(shí)例形式分析了Android自定義進(jìn)度條的布局、功能實(shí)現(xiàn)及相關(guān)屬性設(shè)置技巧,需要的朋友可以參考下2017-08-08
Android getJSONObject與optJSONObject的區(qū)別結(jié)合源碼分析
這篇文章主要介紹了Android getJSONObject與optJSONObject的區(qū)別,結(jié)合源碼分析的相關(guān)資料,需要的朋友可以參考下2017-02-02
本文主要總結(jié)下Android平臺(tái)下幾種推送方案的基本情況以及優(yōu)缺點(diǎn)，具有一定的參考作用，下面跟著小編一起來看下吧2017-01-01
Android開發(fā)筆記之Android中數(shù)據(jù)的存儲(chǔ)方式（一）
這篇文章主要介紹了Android開發(fā)筆記之Android中數(shù)據(jù)的存儲(chǔ)方式（一） 的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要給大家介紹了關(guān)于Android切圓角的常見方式，文中通過示例代碼介紹的非常詳細(xì)，對(duì)各位Android開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12