Fragment防手抖 另類(lèi)實(shí)踐

防抖動(dòng):防止用戶(hù)手抖,連續(xù)快速地點(diǎn)擊多次同一個(gè)按鈕。

為什么需要防手抖處理?

在Fragment(v4)之間的跳轉(zhuǎn)過(guò)程中,下面兩種情況會(huì)導(dǎo)致用戶(hù)體驗(yàn)不佳:(以AFragment 跳轉(zhuǎn) BFragment為例)

1、BFragment還沒(méi)真正創(chuàng)建時(shí)(因?yàn)镕ragment事務(wù)并不是立即開(kāi)始的),你手抖點(diǎn)了2下,就會(huì)一次性啟動(dòng)2個(gè)BFragment;

2、在跳轉(zhuǎn)BFragment過(guò)程中,如果有轉(zhuǎn)場(chǎng)動(dòng)畫(huà)的存在,在動(dòng)畫(huà)結(jié)束前的任意時(shí)間,你點(diǎn)擊了BFragment頁(yè)面中可點(diǎn)擊的區(qū)域,就會(huì)觸發(fā)該點(diǎn)擊區(qū)域的事件。

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


無(wú)防手抖處理

所以對(duì)Fragment進(jìn)行防手抖處理還是很有必要的,RxJava系列的Rxbinding包可以幫你解決該問(wèn)題,debounce操作符可以實(shí)現(xiàn)防手抖,但很多情況,你會(huì)使用RxJava但不想使用Rxbinding。

其實(shí)不管哪種方案,我想你都不會(huì)愿意在每個(gè)點(diǎn)擊事件里都手動(dòng)處理一次防抖動(dòng)問(wèn)題。

我們需要一個(gè)封裝的基類(lèi),可以解決防抖動(dòng)問(wèn)題,而不必在每個(gè)啟動(dòng)Fragment的按鈕都進(jìn)行防抖動(dòng)處理。

常見(jiàn)方案

有1種常見(jiàn)的防手抖處理方式:通過(guò)時(shí)間差

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亦一樣
            ....省略設(shè)置動(dòng)畫(huà) 加入回退棧等
}

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

我的方案

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

大致思路是,在點(diǎn)擊后立即讓Activity攔截一切Touch事件,在目標(biāo)Fragment的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)結(jié)束后(如果是無(wú)轉(zhuǎn)場(chǎng)動(dòng)畫(huà),則是在onActivityCreated被調(diào)用后),再讓Activity取消攔截。

接下來(lái)我們就看看具體如何實(shí)現(xiàn)吧!

在BaseActivity中:
public class BaseActivity extends AppCompatActivity {

    private boolean mAllowClickable = true;

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

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

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

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

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

所有Activity中的Touch事件,首先都需要經(jīng)過(guò)Activity的dispatchTouchEvent方法,該方法通過(guò)Window分發(fā)Touch事件,如果返回true,則不再往下層分發(fā),這時(shí)我們布局內(nèi)的任何Touch事件都會(huì)“無(wú)效”。

在通過(guò)Activity來(lái)加載Fragment時(shí),將mAllowClickable設(shè)為false,此時(shí)只到為true時(shí),屏幕的Touch事件將都無(wú)效。

在BaseFragment中:

這里將有轉(zhuǎn)場(chǎng)動(dòng)畫(huà)無(wú)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)兩種情況都進(jìn)行了防手抖處理:

public class BaseFragment extends Fragment {
    // 記錄是否有轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
    private boolean mEnterAnimFlag = false;

    @Override
    public Animation onCreateAnimation(int transit, boolean enter, int nextAnim) {
        if (enter && nextAnim != 0) {
            // 記錄 有轉(zhuǎn)場(chǎng)動(dòng)畫(huà)
            mEnterAnimFlag = true;

            Animation anim = AnimationUtils.loadAnimation(mActivity, nextAnim);
            mNoAnim.setAnimationListener(new Animation.AnimationListener() {
                ...省略
                @Override
                public void onAnimationEnd(Animation animation) {
                    // 轉(zhuǎn)場(chǎng)動(dòng)畫(huà)結(jié)束時(shí),允許Touch事件
                    mActivity.allowFragmentClickable(true);
                }
            });
        }
        return super.onCreateAnimation(transit, enter, nextAnim);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        // 無(wú)轉(zhuǎn)場(chǎng)動(dòng)畫(huà)時(shí) 處理
        if(!mEnterAnimFlag) {
            mActivity.allowFragmentClickable(true);
        }
    }
}

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

由此生命周期,再結(jié)合代碼上的注釋?zhuān)嘈拍阋豢淳投恕?/p>

最后

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


防手抖

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容