Fragment防手抖 另類實踐

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

為什么需要防手抖處理?

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

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

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

不做任何防手抖處理的話,你可能遭遇下面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分發Touch事件,如果返回true,則不再往下層分發,這時我們布局內的任何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的事件分發機制,使用不到50行代碼就完美解決了Fragment的防手抖處理。
最后看下效果:


防手抖

想查看更多Fragment優化細節或者深度使用Fragment的小伙伴,建議看看我的這個Fragmentation

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,606評論 6 533
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,582評論 3 418
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,540評論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,028評論 1 314
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,801評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,223評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,294評論 3 442
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,442評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,976評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,800評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,996評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,543評論 5 360
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,233評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,926評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,702評論 3 392
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,991評論 2 374

推薦閱讀更多精彩內容