防抖動(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的情況:

所以對(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ù)