最近遇到一道面試題产阱，題目是在App開發(fā)中渠退，如何防止多次點擊支付或者多次點擊提交訂單江解？這次的關(guān)鍵是避免View的重復點擊的解決辦法设预。

腦中最開始想到的辦法

可以是通過手動記錄最后的點擊時間,再計算時間間隔來判斷是否重復點擊

btTest1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                long nowTime = System.currentTimeMillis();
                if (nowTime - mLastClickTime > TIME_INTERVAL) {
                    // do something
                    mLastClickTime = nowTime;
                } else {
                    Toast.makeText(MainActivity.this, "不要重復點擊", Toast.LENGTH_SHORT).show();
                }
            }
        });

抑或可以封裝一下采用抽象處理

public abstract class IClickListener implements View.OnClickListener {
        @Override
        public final void onClick(View v) {
            if (System.currentTimeMillis() - mLastClickTime >= TIME_INTERVAL) {
                onIClick(v);
                mLastClickTime = System.currentTimeMillis();
            } else {
                onReClick(v);
            }
        }

        protected abstract void onIClick(View v);

        protected abstract void onReClick(View v);
    }

使用方法

 btTest2.setOnClickListener(new IClickListener() {
            @Override
            protected void onIClick(View v) {
                //do something
            }

            @Override
            protected void onReClick(View v) {
                Toast.makeText(MainActivity.this, "不要重復點擊", Toast.LENGTH_SHORT).show();
            }
        }); 

問題雖然解決了，但是還是有很多很明顯的缺點
1.侵入性過大
2.第三方控件無法處理
3.不可逆
4.代碼不美觀

優(yōu)雅的處理方式

1.使用設(shè)計模式

 public static class ClickProxy implements View.OnClickListener {

        private View.OnClickListener origin;
        private IreClick mIreClick;

        public ClickProxy(View.OnClickListener origin, IreClick mIreClick) {
            this.origin = origin;
            this.mIreClick = mIreClick;
        }

        public ClickProxy(View.OnClickListener origin) {
            this.origin = origin;
        }

        @Override
        public void onClick(View v) {
            if (System.currentTimeMillis() - mLastClickTime >= TIME_INTERVAL) {
                Log.i(TAG, "ClickProxy in");
                origin.onClick(v);
                mLastClickTime = System.currentTimeMillis();
            } else {
                if (mIreClick != null) mIreClick.onReClick();
            }
        }

        public interface IreClick {
            void onReClick();//重復點擊
        }
    }

使用

 btTest3.setOnClickListener(new ClickProxy(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //do something
            }
        }, new ClickProxy.IreClick() {
            @Override
            public void onReClick() {
                Toast.makeText(MainActivity.this, "不要重復點擊", Toast.LENGTH_SHORT).show();
            }
        }));

2.Aop攔截

集成滬江的Aspectjx框架

//root gradle
 dependencies {
        classpath 'com.hujiang.aspectjx:gradle-android-plugin-aspectjx:2.0.1'
        }
//app或module gradle
apply plugin: 'android-aspectjx'    //插件
compile 'org.aspectj:aspectjrt:1.8.9'   //jar

Aspect代碼

@Aspect
public class DoubleClickAspect {
    private Long mLastClickTime = 0L;
    private final Long TIME_INTERVAL = 1000L;
    @Around("execution(* android.view.View.OnClickListener.onClick(..))")
    public void clickFilterHook(ProceedingJoinPoint joinPoint) {
        if (System.currentTimeMillis() - mLastClickTime >= TIME_INTERVAL) {
            mLastClickTime = System.currentTimeMillis();
            try {
                joinPoint.proceed();
            } catch (Throwable throwable) {
                throwable.printStackTrace();
            }
        } else {
            Log.e("ClickFilterHook", "不要重復點擊");
        }
    }
}

注解代碼

@Target({METHOD})
@Retention(RetentionPolicy.RUNTIME)
public @interface DoubleCLickMethod {
}

使用

btTest5.setOnClickListener(new View.OnClickListener() {
        @DoubleCLickMethod
        @Override
        public void onClick(View v) {
            Log.i(TAG, "btn5 click");
        }
    });

3.Rxjava結(jié)合

主要用到Rxjava中的操作符throttleFirst犁河，生成RxView

public class RxView {
        public static void setOnClickListeners(final Action1<View> action, @NonNull View... target) {
            for (View view : target) {
                RxView.onClick(view).throttleFirst(1000, TimeUnit.MILLISECONDS).subscribe(new Consumer<View>() {
                    @Override
                    public void accept(@io.reactivex.annotations.NonNull View view) throws Exception {
                        action.onMyClick(view);
                    }
                });
            }
        }


    @CheckResult
    @NonNull
    private static Observable<View> onClick(@NonNull View view) {
        checkNotNull(view, "view == null");
        return Observable.create(new ViewClickOnSubscribe(view));
    }
    private static class ViewClickOnSubscribe implements ObservableOnSubscribe<View> {
        private View view;

        public ViewClickOnSubscribe(View view) {
            this.view = view;
        }

        @Override
        public void subscribe(@io.reactivex.annotations.NonNull final ObservableEmitter<View> e) throws Exception {
            checkUiThread();

            View.OnClickListener listener = new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (!e.isDisposed()) {
                        e.onNext(view);
                    }
                }
            };
            view.setOnClickListener(listener);
        }
    }
    public interface Action1<T> {
        void onMyClick(T t);
    }
    public static final class Preconditions {
        public static void checkArgument(boolean assertion, String message) {
            if (!assertion) {
                throw new IllegalArgumentException(message);
            }
        }

        public static <T> T checkNotNull(T value, String message) {
            if (value == null) {
                throw new NullPointerException(message);
            }
            return value;
        }

        public static void checkUiThread() {
            if (Looper.getMainLooper() != Looper.myLooper()) {
                throw new IllegalStateException(
                        "Must be called from the main thread. Was: " + Thread.currentThread());
            }
        }
        private Preconditions() {
            throw new AssertionError("No instances.");
        }
    }

}

使用

  RxView.setOnClickListeners(this, btTest4);

    @Override
    public void onMyClick(View v) {
        switch (v.getId()) {
            case R.id.btn4:
                Log.i(TAG, "btn4 click");
                break;
            default:
                break;
        }
    }

可以看到 結(jié)合AOP或Rxjava的 代碼已經(jīng)高度解耦鳖枕，使用方式也很簡單。

PS ：參考代碼