防抖動:防止用戶手抖,連續快速地點擊多次同一個按鈕。
為什么需要防手抖處理?
在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庫