Fragment防手抖 另類實踐

防抖動:防止用戶手抖,連續(xù)快速地點擊多次同一個按鈕。

為什么需要防手抖處理?

在Fragment(v4)之間的跳轉過程中,下面兩種情況會導致用戶體驗不佳:(以AFragment 跳轉 BFragment為例)

1、BFragment還沒真正創(chuàng)建時(因為Fragment事務并不是立即開始的),你手抖點了2下,就會一次性啟動2個BFragment;

2、在跳轉BFragment過程中,如果有轉場動畫的存在,在動畫結束前的任意時間,你點擊了BFragment頁面中可點擊的區(qū)域,就會觸發(fā)該點擊區(qū)域的事件。

不做任何防手抖處理的話,你可能遭遇下面GIF的情況:


無防手抖處理

所以對Fragment進行防手抖處理還是很有必要的,RxJava系列的Rxbinding包可以幫你解決該問題,debounce操作符可以實現防手抖,但很多情況,你會使用RxJava但不想使用Rxbinding。

其實不管哪種方案,我想你都不會愿意在每個點擊事件里都手動處理一次防抖動問題。

我們需要一個封裝的基類,可以解決防抖動問題,而不必在每個啟動Fragment的按鈕都進行防抖動處理。

常見方案

有1種常見的防手抖處理方式:通過時間差

private static final long DEBOUNCE_TIME = 300L;
private long mCurrentTime;

private void addFragment(Fragment fragment) {
    long time = System.currentTimeMillis();
    if (time - mCurrentTime < DEBOUNCE_TIME) {
        return;
    }
    mCurrentTime = time;

    getSupportFragmentManager().beginTransaction()
            .add(R.id.fl_container, fragment, fragment.getClass().getSimpleName())  // replace亦一樣
            ....省略設置動畫 加入回退棧等
}

這種方式雖然也能實現防抖動的效果,但是適用性有限;
比如如果我需要add一個Fragment,然后緊接著該Fragment又立即需要add一個子Fragment,這時add子Fragment的操作可能就會被這個時間差屏蔽掉。

我的方案

鑒于上述方法的拘束性,再結合Fragment的宿主是Activity,我有了下面的方案:
利用Activity的dispatchTouchEvent(MotionEvent ev)方法。

大致思路是,在點擊后立即讓Activity攔截一切Touch事件,在目標Fragment的轉場動畫結束后(如果是無轉場動畫,則是在onActivityCreated被調用后),再讓Activity取消攔截。

接下來我們就看看具體如何實現吧!

在BaseActivity中:
public class BaseActivity extends AppCompatActivity {

    private boolean mAllowClickable = true;

    @Override
    public boolean dispatchTouchEvent(MotionEvent event){
        // 防抖動(防止點擊速度過快)
        if (!mFragmentClickable) {
            return true;
        }
        return super.dispatchTouchEvent(ev);
    }

    /**
     *  控制Activity是否攔截Touch事件
     */
    public void allowFragmentClickable(boolean clickable){
        mAllowClickable = clickable;
    }

    /**
     *  加載Fragment (replace同理)
     */
    private void addFragment(Fragment fragment) {
        // 啟動Fragment時,Activity攔截一切Touch事件
        allowFragmentClickable(false);

        getSupportFragmentManager().beginTransaction()
                .add(R.id.fl_container, fragment, fragment.getClass().getSimpleName())  // replace亦一樣
        ....省略設置動畫 加入回退棧等
    }

    @Override
    public void onBackPressed() {
        // 這里是防止動畫過程中,按返回鍵取消加載Fragment
        if(!mAllowClickable){
            setFragmentClickable(true);
        }
        super.onBackPressed();
    }
}

所有Activity中的Touch事件,首先都需要經過Activity的dispatchTouchEvent方法,該方法通過Window分發(fā)Touch事件,如果返回true,則不再往下層分發(fā),這時我們布局內的任何Touch事件都會“無效”。

在通過Activity來加載Fragment時,將mAllowClickable設為false,此時只到為true時,屏幕的Touch事件將都無效。

在BaseFragment中:

這里將有轉場動畫無轉場動畫兩種情況都進行了防手抖處理:

public class BaseFragment extends Fragment {
    // 記錄是否有轉場動畫
    private boolean mEnterAnimFlag = false;

    @Override
    public Animation onCreateAnimation(int transit, boolean enter, int nextAnim) {
        if (enter && nextAnim != 0) {
            // 記錄 有轉場動畫
            mEnterAnimFlag = true;

            Animation anim = AnimationUtils.loadAnimation(mActivity, nextAnim);
            mNoAnim.setAnimationListener(new Animation.AnimationListener() {
                ...省略
                @Override
                public void onAnimationEnd(Animation animation) {
                    // 轉場動畫結束時,允許Touch事件
                    mActivity.allowFragmentClickable(true);
                }
            });
        }
        return super.onCreateAnimation(transit, enter, nextAnim);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        // 無轉場動畫時 處理
        if(!mEnterAnimFlag) {
            mActivity.allowFragmentClickable(true);
        }
    }
}

在Fragment初始化時,其生命周期順序:
... -> onCreateView -> onCreateAnimation -> onActivityCreated

由此生命周期,再結合代碼上的注釋,相信你一看就懂了~

最后

最終,利用Android的事件分發(fā)機制,使用不到50行代碼就完美解決了Fragment的防手抖處理。
最后看下效果:


防手抖

想查看更多Fragment優(yōu)化細節(jié)或者深度使用Fragment的小伙伴,建議看看我的這個Fragmentation

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容