Android如何優(yōu)雅的處理重復(fù)點(diǎn)擊
一般手機(jī)上的 Android App，主要的交互方式是點(diǎn)擊。用戶在點(diǎn)擊后，App 可能做出在頁(yè)面內(nèi)更新 UI、新開(kāi)一個(gè)頁(yè)面或者發(fā)起網(wǎng)絡(luò)請(qǐng)求等操作。Android 系統(tǒng)本身沒(méi)有對(duì)重復(fù)點(diǎn)擊做處理，如果用戶在短時(shí)間內(nèi)多次點(diǎn)擊，則可能出現(xiàn)新開(kāi)多個(gè)頁(yè)面或者重復(fù)發(fā)起網(wǎng)絡(luò)請(qǐng)求等問(wèn)題。因此，需要對(duì)重復(fù)點(diǎn)擊有影響的地方，增加處理重復(fù)點(diǎn)擊的代碼。
之前的處理方式
之前在項(xiàng)目中使用的是 RxJava 的方案，利用第三方庫(kù) 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è)問(wèn)題，比如使用兩個(gè)手指同時(shí)點(diǎn)擊兩個(gè)不同的按鈕，按鈕的功能都是新開(kāi)頁(yè)面，那么有可能會(huì)新開(kāi)兩個(gè)頁(yè)面。因?yàn)?Rxjava 這種方式是針對(duì)單個(gè)控件實(shí)現(xiàn)防止重復(fù)點(diǎn)擊，不是多個(gè)控件。
現(xiàn)在的處理方式
現(xiàn)在使用的是時(shí)間判斷，在時(shí)間范圍內(nèi)只響應(yīng)一次點(diǎn)擊，通過(guò)將上次單擊時(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)聽(tīng)外，其他間接設(shè)置點(diǎn)擊的地方也存在需要處理重復(fù)點(diǎn)擊的場(chǎng)景，比如說(shuō)富文本和列表。
為此將判斷是否觸發(fā)單次點(diǎn)擊的代碼抽離出來(lái)，單獨(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)聽(tīng)回調(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è)問(wèn)題， onClick 回調(diào)中的 widget，就是設(shè)置富文本的控件，也就是說(shuō)如果富文本存在多個(gè)單次點(diǎn)擊的地方， 就算 isShareSingleClick 值為 false，這些單次點(diǎn)擊還是會(huì)共用設(shè)置富文本控件的上次單擊時(shí)間。
因此，這里需要特殊處理，在 isShareSingleClick 為 false 的時(shí)候，創(chuàng)建一個(gè)假的 View 來(lái)觸發(fā)單擊事件，這樣富文本中多個(gè)單次點(diǎn)擊 isShareSingleClick 為 false 的地方都有一個(gè)自己的假的 View 來(lái)獨(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 控件，適配器使用第三方庫(kù) 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)擊則使用原來(lái)的 setOnClickListener。
對(duì)于間接設(shè)置點(diǎn)擊的地方，如果需要處理重復(fù)點(diǎn)擊，則使用 determineTriggerSingleClick 判斷是否觸發(fā)單次點(diǎn)擊。
項(xiàng)目地址
single-click，覺(jué)得用起來(lái)很爽的，請(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沉浸式狀態(tài)欄實(shí)現(xiàn)思路
這篇文章主要為大家介紹了另外兩種Android沉浸式狀態(tài)欄實(shí)現(xiàn)思路，android5.0及以后版本都支持給狀態(tài)欄著色，而目前android主流版本還是4.4，想要深入了解的朋友可以參考一下2016-01-01
Android中截取當(dāng)前屏幕圖片的實(shí)例代碼
該篇文章是說(shuō)明在Android手機(jī)或平板電腦中如何實(shí)現(xiàn)截取當(dāng)前屏幕的功能，并把截取的屏幕保存到SDCard中的某個(gè)目錄文件夾下面。實(shí)現(xiàn)的代碼如下：2013-08-08
詳解Android studio 3+版本apk安裝失敗問(wèn)題
這篇文章主要介紹了詳解Android studio 3+版本apk安裝失敗問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
Android 和 windows C/C++/QT通訊時(shí)字節(jié)存儲(chǔ)
本篇文章主要介紹 Android和Windows 通訊時(shí)數(shù)據(jù)地址的理解,這里提供代碼實(shí)例進(jìn)行分析,有需要參考的朋友可以看下2016-07-07
Android編程之ListView和EditText發(fā)布帖子隱藏軟鍵盤(pán)功能詳解
這篇文章主要介紹了Android編程之ListView和EditText發(fā)布帖子隱藏軟鍵盤(pán)功能,結(jié)合實(shí)例形式分析了Android控件調(diào)用、隱藏軟鍵盤(pán)的原理與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-08-08
Android HTTP發(fā)送請(qǐng)求和接收響應(yīng)的實(shí)例代碼
Android HTTP請(qǐng)求和接收響應(yīng)實(shí)例完整的Manifest文件如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
android系統(tǒng)在靜音模式下關(guān)閉camera拍照聲音的方法
本文為大家詳細(xì)介紹下android系統(tǒng)如何在靜音模式下關(guān)閉camera拍照聲音，具體的實(shí)現(xiàn)方法如下，感興趣的朋友可以參考下哈2013-07-07
android 簡(jiǎn)單圖片動(dòng)畫(huà)播放的實(shí)例代碼
android 簡(jiǎn)單圖片動(dòng)畫(huà)播放的實(shí)例代碼，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了Android4.X中SIM卡信息初始化過(guò)程,較為詳細(xì)的分析總結(jié)了Android4.X中SIM卡信息初始化的步驟及相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了解密朋友圈紅包照片功能的相關(guān)資料,需要的朋友可以參考下2016-01-01