Android में एक बटन पर दोहरे क्लिक को रोकने का सबसे अच्छा तरीका क्या है?
Android में एक बटन पर दोहरे क्लिक को रोकने का सबसे अच्छा तरीका क्या है?
जवाबों:
setEnabled(false)
उपयोगकर्ता द्वारा इसे फिर से क्लिक करने के लिए सुरक्षित होने तक बटन को अक्षम करें।
अंतिम क्लिक समय की बचत जब क्लिक करने से इस समस्या से बचाव होगा।
अर्थात
private long mLastClickTime = 0;
...
// inside onCreate or so:
findViewById(R.id.button).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// mis-clicking prevention, using threshold of 1000 ms
if (SystemClock.elapsedRealtime() - mLastClickTime < 1000){
return;
}
mLastClickTime = SystemClock.elapsedRealtime();
// do your magic here
}
}
मेरा समाधान है
package com.shuai.view;
import android.os.SystemClock;
import android.view.View;
/**
* 处理快速在某个控件上双击2次(或多次)会导致onClick被触发2次(或多次)的问题
* 通过判断2次click事件的时间间隔进行过滤
*
* 子类通过实现{@link #onSingleClick}响应click事件
*/
public abstract class OnSingleClickListener implements View.OnClickListener {
/**
* 最短click事件的时间间隔
*/
private static final long MIN_CLICK_INTERVAL=600;
/**
* 上次click的时间
*/
private long mLastClickTime;
/**
* click响应函数
* @param v The view that was clicked.
*/
public abstract void onSingleClick(View v);
@Override
public final void onClick(View v) {
long currentClickTime=SystemClock.uptimeMillis();
long elapsedTime=currentClickTime-mLastClickTime;
//有可能2次连击,也有可能3连击,保证mLastClickTime记录的总是上次click的时间
mLastClickTime=currentClickTime;
if(elapsedTime<=MIN_CLICK_INTERVAL)
return;
onSingleClick(v);
}
}
उपयोग OnClickListener के समान है लेकिन इसके बजाय onSingleClick () को ओवरराइड करें:
mTextView.setOnClickListener(new OnSingleClickListener() {
@Override
public void onSingleClick(View v) {
if (DEBUG)
Log.i("TAG", "onclick!");
}
};
बटन को निष्क्रिय करना या अशुद्ध सेट करने के लिए पर्याप्त नहीं है यदि आप onClick () में कम्प्यूटेशनल रूप से गहन कार्य कर रहे हैं क्योंकि बटन को निष्क्रिय करने से पहले क्लिक ईवेंट को कतारबद्ध किया जा सकता है। मैंने एक एब्सट्रैक्ट बेस क्लास लिखा है जो ऑनक्लीक्लिनेर को लागू करता है जिसे आप इसके बजाय ओवरराइड कर सकते हैं, जो किसी भी कतारबद्ध क्लिक को अनदेखा करके इस समस्या को ठीक करता है:
/**
* This class allows a single click and prevents multiple clicks on
* the same button in rapid succession. Setting unclickable is not enough
* because click events may still be queued up.
*
* Override onOneClick() to handle single clicks. Call reset() when you want to
* accept another click.
*/
public abstract class OnOneOffClickListener implements OnClickListener {
private boolean clickable = true;
/**
* Override onOneClick() instead.
*/
@Override
public final void onClick(View v) {
if (clickable) {
clickable = false;
onOneClick(v);
//reset(); // uncomment this line to reset automatically
}
}
/**
* Override this function to handle clicks.
* reset() must be called after each click for this function to be called
* again.
* @param v
*/
public abstract void onOneClick(View v);
/**
* Allows another click.
*/
public void reset() {
clickable = true;
}
}
उपयोग OnClickListener के समान है लेकिन इसके बजाय OnOneClick () को ओवरराइड करें:
OnOneOffClickListener clickListener = new OnOneOffClickListener() {
@Override
public void onOneClick(View v) {
// Do stuff
this.reset(); // or you can reset somewhere else with clickListener.reset();
}
};
myButton.setOnClickListener(clickListener);
आप इसे कोटलिन एक्सटेंशन फ़ंक्शंस और RxBinding के साथ बहुत फैंसी तरीके से कर सकते हैं
fun View.clickWithDebounce(debounceTime: Long = 600L, action: () -> Unit): Disposable =
RxView.clicks(this)
.debounce(debounceTime, TimeUnit.MILLISECONDS)
.observeOn(AndroidSchedulers.mainThread())
.subscribe { action() }
या
fun View.clickWithDebounce(debounceTime: Long = 600L, action: () -> Unit) {
this.setOnClickListener(object : View.OnClickListener {
private var lastClickTime: Long = 0
override fun onClick(v: View) {
if (SystemClock.elapsedRealtime() - lastClickTime < debounceTime) return
else action()
lastClickTime = SystemClock.elapsedRealtime()
}
})
}
और फिर बस:
View.clickWithDebounce{ Your code }
मैं भी इसी तरह की समस्या में भागता हूं, मैं कुछ तारीख और समय-सारणी प्रदर्शित कर रहा था जहां कभी-कभी 2 बार क्लिक होता है। मैंने इसे इसके द्वारा हल किया है
long TIME = 1 * 1000;
@Override
public void onClick(final View v) {
v.setEnabled(false);
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
v.setEnabled(true);
}
}, TIME);
}
आप अपनी आवश्यकता के आधार पर समय बदल सकते हैं। यह विधि मेरे लिए काम करती है।
मुझे पता है कि यह एक पुराना सवाल है, लेकिन मैं इस सामान्य समस्या को हल करने के लिए सबसे अच्छा समाधान साझा करता हूं
btnSomeButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
// Prevent Two Click
Utils.preventTwoClick(view);
// Do magic
}
});
और दूसरी फाइल में, जैसे Utils.java
/**
* Método para prevenir doble click en un elemento
* @param view
*/
public static void preventTwoClick(final View view){
view.setEnabled(false);
view.postDelayed(new Runnable() {
public void run() {
view.setEnabled(true);
}
}, 500);
}
इस समस्या का वास्तविक समाधान सेटइन्फैक्टिव (गलत) का उपयोग करना है जो बटन को पकड़ लेता है, और सेटक्लिक करने योग्य (झूठा) जो इसे बनाता है इसलिए दूसरा क्लिक प्राप्त नहीं किया जा सकता है मैंने इसे परीक्षण किया है और यह बहुत प्रभावी लगता है।
यदि कोई अभी भी एक छोटे से उत्तर की तलाश में है तो आप नीचे दिए गए कोड का उपयोग कर सकते हैं
private static long mLastClickTime = 0;
if (SystemClock.elapsedRealtime() - mLastClickTime < 1000) { // 1000 = 1second
return;
}
mLastClickTime = SystemClock.elapsedRealtime();
if statement
जब भी उपयोगकर्ता इस पर क्लिक करेगा View within 1 second
तो यह कोड अंदर चला जाएगा और फिर return;
पहल शुरू कर दी जाएगी और आगे कोड शुरू नहीं होगा।
कश्मीर leanest Kotlin मुहावरेदार रास्ता:
class OnSingleClickListener(private val block: () -> Unit) : View.OnClickListener {
private var lastClickTime = 0L
override fun onClick(view: View) {
if (SystemClock.elapsedRealtime() - lastClickTime < 1000) {
return
}
lastClickTime = SystemClock.elapsedRealtime()
block()
}
}
fun View.setOnSingleClickListener(block: () -> Unit) {
setOnClickListener(OnSingleClickListener(block))
}
उपयोग:
button.setOnSingleClickListener { ... }
मेरा समाधान एक boolean
चर का उपयोग करने का प्रयास है :
public class Blocker {
private static final int DEFAULT_BLOCK_TIME = 1000;
private boolean mIsBlockClick;
/**
* Block any event occurs in 1000 millisecond to prevent spam action
* @return false if not in block state, otherwise return true.
*/
public boolean block(int blockInMillis) {
if (!mIsBlockClick) {
mIsBlockClick = true;
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
mIsBlockClick = false;
}
}, blockInMillis);
return false;
}
return true;
}
public boolean block() {
return block(DEFAULT_BLOCK_TIME);
}
}
और नीचे के रूप में उपयोग कर रहे हैं:
view.setOnClickListener(new View.OnClickListener() {
private Blocker mBlocker = new Blocker();
@Override
public void onClick(View v) {
if (!mBlocker.block(block-Time-In-Millis)) {
// do your action
}
}
});
अद्यतन : कोटलिन समाधान, दृश्य विस्तार का उपयोग करते हुए
fun View.safeClick(listener: View.OnClickListener, blockInMillis: Long = 500) {
var lastClickTime: Long = 0
this.setOnClickListener {
if (SystemClock.elapsedRealtime() - lastClickTime < blockInMillis) return@setOnClickListener
lastClickTime = SystemClock.elapsedRealtime()
listener.onClick(this)
}
}
मक्खन चाकू के साथ क्लिक गार्ड अच्छी तरह से काम करता है
ClickGuard.guard(mPlayButton);
मेरी स्थिति में मैं एक बटन दृश्य का उपयोग कर रहा था और यह बहुत तेज़ी से क्लिक ले रहा था। बस क्लिक करने योग्य को अक्षम करें और कुछ सेकंड के बाद इसे फिर से सक्षम करें ...
मूल रूप से मैंने एक आवरण वर्ग बनाया है जो आपके दृश्य के चारों ओर लपेटता है onClickListener। यदि आप चाहें तो आप एक कस्टम विलंब भी सेट कर सकते हैं।
public class OnClickRateLimitedDecoratedListener implements View.OnClickListener {
private final static int CLICK_DELAY_DEFAULT = 300;
private View.OnClickListener onClickListener;
private int mClickDelay;
public OnClickRateLimitedDecoratedListener(View.OnClickListener onClickListener) {
this(onClickListener, CLICK_DELAY_DEFAULT);
}
//customize your own delay
public OnClickRateLimitedDecoratedListener(View.OnClickListener onClickListener, int delay) {
this.onClickListener = onClickListener;
mClickDelay = delay;
}
@Override
public void onClick(final View v) {
v.setClickable(false);
onClickListener.onClick(v);
v.postDelayed(new Runnable() {
@Override
public void run() {
v.setClickable(true);
}
}, mClickDelay);
}
}
और इसे कॉल करने के लिए बस ऐसा करें:
mMyButton.setOnClickListener(new OnClickRateLimitedDecoratedListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
doSomething();
}
}));
या अपनी देरी प्रदान करें:
mMyButton.setOnClickListener(new OnClickRateLimitedDecoratedListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
doSomething();
}
},1000));
अद्यतन: ऊपर का तरीका अब थोड़ा पुराना है कि RxJava बहुत प्रचलित है। जैसा कि दूसरों ने उल्लेख किया है, एंड्रॉइड में हम क्लिक को धीमा करने के लिए एक थ्रॉटल का उपयोग कर सकते हैं। यहाँ एक उदाहरण है:
RxView.clicks(myButton)
.throttleFirst(2000, TimeUnit.MILLISECONDS, AndroidSchedulers.mainThread())
.subscribe {
Log.d("i got delayed clicked")
}
}
आप इसके लिए इस लाइब्रेरी का उपयोग कर सकते हैं: implementation 'com.jakewharton.rxbinding2:rxbinding:2.0.0'
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View view) {
//to prevent double click
button.setOnClickListener(null);
}
});
कोटलिन एक्सटेंशन जो संक्षिप्त इनलाइन कोड और चर डबल क्लिक प्रतीक्षा समय के लिए अनुमति देता है
fun View.setDoubleClickListener(listener: View.OnClickListener, waitMillis : Long = 1000) {
var lastClickTime = 0L
setOnClickListener { view ->
if (System.currentTimeMillis() > lastClickTime + waitMillis) {
listener.onClick(view)
lastClickTime = System.currentTimeMillis()
}
}
}
उपयोग:
anyView.setNoDoubleClickListener(View.OnClickListener { v ->
// do stuff
})
या
anyView.setNoDoubleClickListener(View.OnClickListener { v ->
// do stuff
}, 1500)
नीचे दिया गया कोड सेकंड के एक अंश के भीतर कई बार क्लिक करने के लिए उपयोगकर्ता को रोक देगा और केवल 3 सेकंड के बाद ही अनुमति देगा।
private long lastClickTime = 0;
View.OnClickListener buttonHandler = new View.OnClickListener() {
public void onClick(View v) {
// preventing double, using threshold of 3000 ms
if (SystemClock.elapsedRealtime() - lastClickTime < 3000){
return;
}
lastClickTime = SystemClock.elapsedRealtime();
}
}
ऐसा लगता है कि अपने क्लिक श्रोताओं को onResume में सेट करना और उन्हें ऑन-आउट करना बंद करना भी चालबाजी करता है।
मुझे उम्मीद है कि यह आपकी मदद कर सकता है, आप घटना हैंडलर में कोड डाल सकते हैं।
// ------------------------------------------------ --------------------------------
boolean hasTag = null != which.getTag( R.id.preventing_double_click_tag );
if ( hasTag ) {
// Do not handle again...
return;
} else {
which.setTag( R.id.action, Boolean.TRUE );
which.postDelayed( new Runnable() {
@Override
public void run() {
which.setTag( R.id.action, null );
Log.d( "onActin", " The preventing double click tag was removed." );
}
}, 2000 );
}
मैंने पाया कि इनमें से कोई भी सुझाव काम नहीं करता है अगर ऑनक्लिक विधि तुरंत वापस नहीं आती है। टच इवेंट को Android द्वारा पंक्तिबद्ध किया जाता है और अगले ऑनक्लिक को केवल पहले एक के समाप्त होने के बाद ही कहा जाता है। (चूंकि यह एक यूआई थ्रेड पर किया जाता है, यह वास्तव में सामान्य है।) मुझे उस समय का उपयोग करने की आवश्यकता है जब ऑनक्लिक फ़ंक्शन समाप्त हो गया है + एक बूलियन चर को चिह्नित करने के लिए कि क्या दिए गए ऑनक्लिक चल रहे हैं। एक ही समय में चलने के लिए किसी भी onClickListener से बचने के लिए ये दोनों मार्कर विशेषताएँ स्थिर हैं। (यदि उपयोगकर्ता किसी अन्य बटन पर क्लिक करता है) तो आप इस क्लास में अपने OnClickListener को सरल रूप से बदल सकते हैं और ऑनक्लिक विधि को लागू करने के बजाय आपको अमूर्त एकक्लिक () विधि को लागू करने की आवश्यकता है।
abstract public class OneClickListener implements OnClickListener {
private static boolean started = false;
private static long lastClickEndTime = 0;
/* (non-Javadoc)
* @see android.view.View.OnClickListener#onClick(android.view.View)
*/
@Override
final public void onClick(final View v) {
if(started || SystemClock.elapsedRealtime()-lastClickEndTime <1000 ){
Log.d(OneClickListener.class.toString(), "Rejected double click, " + new Date().toString() );
return;
}
Log.d(OneClickListener.class.toString(), "One click, start: " + new Date().toString() );
try{
started = true;
oneClick(v);
}finally{
started = false;
lastClickEndTime = SystemClock.elapsedRealtime();
Log.d(OneClickListener.class.toString(), "One click, end: " + new Date().toString() );
}
}
abstract protected void oneClick(View v);
}
इसे पूरा करने के लिए आप जेक व्हार्टन द्वारा आरएक्स बाइंडिंग का भी उपयोग कर सकते हैं । यहाँ एक नमूना है जो क्रमिक क्लिकों के बीच 2 सेकंड का पैड देता है:
RxView.clicks(btnSave)
.throttleFirst(2000, TimeUnit.MILLISECONDS, AndroidSchedulers.mainThread())
.subscribe(new Consumer<Object>() {
@Override
public void accept( Object v) throws Exception {
//handle onclick event here
});
// नोट: इस मामले में ऑब्जेक्ट v को नजरअंदाज करें और मुझे हमेशा लगता है।
कोटलिन ने सुरक्षित SafeClickListener बनाया
class SafeClickListener(
private var defaultInterval: Int = 1000,
private val onSafeCLick: (View) -> Unit
) : View.OnClickListener {
private var lastTimeClicked: Long = 0 override fun onClick(v: View) {
if (SystemClock.elapsedRealtime() - lastTimeClicked < defaultInterval) {
return
}
lastTimeClicked = SystemClock.elapsedRealtime()
onSafeCLick(v)
}
}
बेसक्लास में एक फंक्शन बनाएं वरना
fun View.setSafeOnClickListener(onSafeClick: (View) -> Unit) {val safeClickListener = SafeClickListener {
onSafeClick(it)
}
setOnClickListener(safeClickListener)
}
और बटन क्लिक पर उपयोग करें
btnSubmit.setSafeOnClickListener {
showSettingsScreen()
}
जिम के जवाब में जोड़कर कोड को अधिक संक्षिप्त बनाया जा सकता है:
fun View.setOnSingleClick(onClick: () -> Unit) {
var lastClickTime = 0L
setOnClickListener {
if (currentTimeMillis() > lastClickTime + 750) onClick()
lastClickTime = currentTimeMillis()
}
}
उपयोग:
aView.setOnSingleClick { }
कोटलिन में
button.setOnClickListener {
it?.apply { isEnabled = false; postDelayed({ isEnabled = true }, 400) } //400 ms
//do your work
}
क्लिक करने योग्य को झूठे पर सेट करना पहले डबल क्लिक पर काम नहीं करता है लेकिन बाद में डबल क्लिक अवरुद्ध हो जाता है। यह ऐसा है जैसे कि लोडिंग क्लिक प्रतिनिधि को पहली बार धीमा करता है और पहला पूरा होने से पहले दूसरा क्लिक पकड़ लिया जाता है।
Button button = contentView.FindViewById<Button>(Resource.Id.buttonIssue);
button.Clickable = false;
IssueSelectedItems();
button.Clickable = true;
मैं दो क्लेसेस का उपयोग करके इस समस्या को ठीक करता हूं, एक @ jinshiyi11 उत्तर के समान और एओटर स्पष्ट क्लिक पर आधारित है, इसमें आप केवल एक बार एक बटन पर क्लिक कर सकते हैं, यदि आप एक और क्लिक चाहते हैं तो आपको इसे स्पष्ट रूप से इंगित करना होगा ।
/**
* Listener que sólo permite hacer click una vez, para poder hacer click
* posteriormente se necesita indicar explicitamente.
*
* @author iberck
*/
public abstract class OnExplicitClickListener implements View.OnClickListener {
// you can perform a click only once time
private boolean canClick = true;
@Override
public synchronized void onClick(View v) {
if (canClick) {
canClick = false;
onOneClick(v);
}
}
public abstract void onOneClick(View v);
public synchronized void enableClick() {
canClick = true;
}
public synchronized void disableClick() {
canClick = false;
}
}
उपयोग का उदाहरण:
OnExplicitClickListener clickListener = new OnExplicitClickListener() {
public void onOneClick(View v) {
Log.d("example", "explicit click");
...
clickListener.enableClick();
}
}
button.setOnClickListener(clickListener);
final Button button = (Button) findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
private final AtomicBoolean onClickEnabled = new AtomicBoolean(true);
@Override
public void onClick(View v) {
Log.i("TAG", "onClick begin");
if (!onClickEnabled.compareAndSet(true, false)) {
Log.i("TAG", "onClick not enabled");
return;
}
button.setEnabled(false);
// your action here
button.setEnabled(true);
onClickEnabled.set(true);
Log.i("TAG", "onClick end");
}
});
AtomicBoolean
करने से वास्तव में मदद नहीं मिल सकती है।
यह कोशिश करो, यह काम कर रहा है:
mButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
mSlotLayout.setEnabled(false);
// do your work here
Timer buttonTimer = new Timer();
buttonTimer.schedule(new TimerTask() {
@Override
public void run() {
runOnUiThread(new Runnable() {
@Override
public void run() {
mButton.setEnabled(true);
}
});
}
}, 500); // delay button enable for 0.5 sec
}
});