LinearSnapHelper 的 一個坑

前記

我上篇文章 Android Support Library 24.2.0 更新介紹 簡單介紹了 LinearSnapHelper奈梳,有點類似 ViewPager,比如可以用于橫向瀏覽圖片圣勒,LinearSnapHelper 保證了每次滾動完自動滑動到中心的 Item.

正題

前幾天項目有個需求费变,看了一下剛好可以用上 LinearSnapHelper,用起來非常簡單

SnapHelper snapHelper = new LinearSnapHelper();
snapHelper.attachToRecyclerView(recyclerView);

實際運行效果如圖

運行效果圖.png

因為有縱橫向的滾動圣贸,所以用了 RecyclerView 的嵌套挚歧,目前看運行良好。

但是實際體驗發(fā)現(xiàn)有個問題吁峻,有時候在手指在內(nèi)層的 RecyclerView 上下滾動時滑负,觸摸事件被吃了,沒有反應用含,按道理講矮慕,橫向滾動的 RecyclerView 應該不攔截這種事件才對。而且這個現(xiàn)象并不是必現(xiàn)啄骇,發(fā)現(xiàn)如果是橫向滾動到第二個 Item 在縱向滾 就沒有問題痴鳄,只有第一個 Item (其實還有最后一個 Item)會出現(xiàn)這種現(xiàn)象,簡單講 出現(xiàn)的步驟大概是這樣的缸夹,先滾動到 第二個 Item 在滾回來第一個 Item 就會出現(xiàn)這個bug夏跷。

Fix 之路

首先 debug 了 內(nèi)層 RecyclerView 的 onInterceptTouchEvent哼转,發(fā)現(xiàn)這個時候 return 為 true, 而且這時 RecyclerView 的狀態(tài) 不是 SCROLL_STATE_IDLE,而是 SCROLL_STATE_SETTLING 槽华,看 RecyclerView 的源碼

if (mScrollState == SCROLL_STATE_SETTLING) {
    getParent().requestDisallowInterceptTouchEvent(true);
    setScrollState(SCROLL_STATE_DRAGGING);
}
...
return mScrollState == SCROLL_STATE_DRAGGING;

因此這個時候 RecyclerView 會攔截事件壹蔓。
事實上導致 RecyclerView 的狀態(tài) 為 SCROLL_STATE_SETTLING 是因為 LinearSnapHelper。
LinearSnapHelper 原理是監(jiān)聽 RecyclerView 的滾動狀態(tài)猫态,一旦處于RecyclerView.SCROLL_STATE_IDLE (當然還有 Fling 的情況佣蓉,這里先不看) 就會計算得到要處于中心的 Item View,然后在計算需要滾動的距離亲雪。
處于中心這個點很重要勇凭,細心的讀者可能會發(fā)現(xiàn)第一個 Item 并不會處于中心的,那么這個時候 LinearSnapHelper 會怎么處理呢义辕?
LinearSnapHelper 會根據(jù) calculateDistanceToFinalSnap 得到的距離 利用 RecyclerView 的 smoothScrollBy 來滾動虾标,而這個時候第一個 Item 永遠都滾動不到中心的位置,于是不停的 ScrollBy 也就導致 狀態(tài) 為 SCROLL_STATE_SETTLING灌砖。

知道原因后就好辦了璧函, 重寫 calculateDistanceToFinalSnap 修正距離就可以了
用以下的 FixLinearSnapHelper 代替 LinearSnapHelper 就可以了。

public class FixLinearSnapHelper extends LinearSnapHelper{

    private OrientationHelper mVerticalHelper;

    private OrientationHelper mHorizontalHelper;

    private RecyclerView mRecyclerView;

    @Override
    public int[] calculateDistanceToFinalSnap(@NonNull RecyclerView.LayoutManager layoutManager,
                                              @NonNull View targetView) {
        int[] out = new int[2];

        if (layoutManager.canScrollHorizontally()) {
            out[0] = distanceToCenter(targetView, getHorizontalHelper(layoutManager));
        } else {
            out[0] = 0;
        }

        if (layoutManager.canScrollVertically()) {
            out[1] = distanceToCenter(targetView, getVerticalHelper(layoutManager));
        } else {
            out[1] = 0;
        }
        return out;
    }

    @Override
    public void attachToRecyclerView(@Nullable RecyclerView recyclerView) throws IllegalStateException {
        this.mRecyclerView = recyclerView;
        super.attachToRecyclerView(recyclerView);
    }

    private int distanceToCenter(View targetView, OrientationHelper helper) {
        //如果已經(jīng)滾動到盡頭 并且判斷是否是第一個item或者是最后一個基显,直接返回0蘸吓,不用多余的滾動了 
        if ((helper.getDecoratedStart(targetView) == 0 && mRecyclerView.getChildAdapterPosition(targetView) == 0)
                || (helper.getDecoratedEnd(targetView) == helper.getEndAfterPadding()
                && mRecyclerView.getChildAdapterPosition(targetView) == mRecyclerView.getAdapter().getItemCount() - 1) )
            return 0;

        int viewCenter = helper.getDecoratedStart(targetView) + (helper.getDecoratedEnd(targetView) - helper.getDecoratedStart(targetView))/2;
        int correctCenter = (helper.getEndAfterPadding() - helper.getStartAfterPadding())/2;
        return viewCenter - correctCenter;
    }

    private OrientationHelper getVerticalHelper(RecyclerView.LayoutManager layoutManager) {
        if (mVerticalHelper == null) {
            mVerticalHelper = OrientationHelper.createVerticalHelper(layoutManager);
        }
        return mVerticalHelper;
    }

    private OrientationHelper getHorizontalHelper(RecyclerView.LayoutManager layoutManager) {
        if (mHorizontalHelper == null) {
            mHorizontalHelper = OrientationHelper.createHorizontalHelper(layoutManager);
        }
        return mHorizontalHelper;
    }

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市撩幽,隨后出現(xiàn)的幾起案子库继,更是在濱河造成了極大的恐慌,老刑警劉巖窜醉,帶你破解...
    沈念sama閱讀 219,366評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件宪萄,死亡現(xiàn)場離奇詭異,居然都是意外死亡榨惰,警方通過查閱死者的電腦和手機雨膨,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來读串,“玉大人聊记,你說我怎么就攤上這事』峙” “怎么了排监?”我有些...
    開封第一講書人閱讀 165,689評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長杰捂。 經(jīng)常有香客問我舆床,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,925評論 1 295
  • 正文 為了忘掉前任挨队,我火速辦了婚禮谷暮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘盛垦。我一直安慰自己湿弦,他們只是感情好,可當我...
    茶點故事閱讀 67,942評論 6 392
  • 文/花漫 我一把揭開白布腾夯。 她就那樣靜靜地躺著颊埃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蝶俱。 梳的紋絲不亂的頭發(fā)上班利,一...
    開封第一講書人閱讀 51,727評論 1 305
  • 那天,我揣著相機與錄音榨呆,去河邊找鬼罗标。 笑死,一個胖子當著我的面吹牛积蜻,可吹牛的內(nèi)容都是我干的闯割。 我是一名探鬼主播,決...
    沈念sama閱讀 40,447評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼浅侨,長吁一口氣:“原來是場噩夢啊……” “哼纽谒!你這毒婦竟也來了证膨?” 一聲冷哼從身側(cè)響起如输,我...
    開封第一講書人閱讀 39,349評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎央勒,沒想到半個月后不见,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,820評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡崔步,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,990評論 3 337
  • 正文 我和宋清朗相戀三年稳吮,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片井濒。...
    茶點故事閱讀 40,127評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡灶似,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出瑞你,到底是詐尸還是另有隱情酪惭,我是刑警寧澤,帶...
    沈念sama閱讀 35,812評論 5 346
  • 正文 年R本政府宣布者甲,位于F島的核電站春感,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鲫懒,卻給世界環(huán)境...
    茶點故事閱讀 41,471評論 3 331
  • 文/蒙蒙 一嫩实、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧窥岩,春花似錦甲献、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至疚鲤,卻和暖如春锥累,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背集歇。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1 272
  • 我被黑心中介騙來泰國打工桶略, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人诲宇。 一個月前我還...
    沈念sama閱讀 48,388評論 3 373
  • 正文 我出身青樓际歼,卻偏偏與公主長得像,于是被迫代替她去往敵國和親姑蓝。 傳聞我的和親對象是個殘疾皇子鹅心,可洞房花燭夜當晚...
    茶點故事閱讀 45,066評論 2 355

推薦閱讀更多精彩內(nèi)容