RecyclerView:SnapHelper了解一下(基于RecyclerView的Viewpager效果)

本效果基于SnapHelper的源碼的基礎(chǔ)上進(jìn)行修改蛙埂,區(qū)分處理了onFiling事件和onScroll事件:


ezgif.com-video-to-gif.gif

上代碼:

private final RecyclerView.OnScrollListener mScrollListener = new RecyclerView.OnScrollListener() {
       boolean mScrolled = false;

       @Override
       public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
           super.onScrollStateChanged(recyclerView, newState);
// SCROLL_STATE_IDLE是當(dāng)屏幕停止?jié)L動(dòng)時(shí) 0

   //SCROLL_STATE_TOUCH_SCROLL是當(dāng)用戶在以觸屏方式滾動(dòng)屏幕并且手指仍然還在屏幕上時(shí) 1

   //SCROLL_STATE_FLING是當(dāng)用戶由于之前劃動(dòng)屏幕并抬起手指,屏幕產(chǎn)生慣性滑動(dòng)時(shí) 2
           if (newState != RecyclerView.SCROLL_STATE_IDLE) {

               return;
           }
//當(dāng)滾動(dòng)停止且產(chǎn)生位移的時(shí)候執(zhí)行對(duì)齊方法
           if (mScrolled) {
               mScrolled = false;
               snapToTargetExistingView();
               return;
           }
//當(dāng)不在位移的時(shí)候?qū)?dāng)前的位置提供出來
           if (mPageListener != null) {
               mPageListener.onPageSelector(mCurrentPageIndex);
           }
       }

Scroll事件的處理邏輯


    /**
     * 獲取當(dāng)前應(yīng)該顯示第幾頁
     */
    private int getPagerIndex() {
        final int verticalScrollOffset = mRecyclerView.computeVerticalScrollOffset();
        final int horizontalScrollOffset = mRecyclerView.computeHorizontalScrollOffset();

        final int currentVerticalScrollOffset = mCurrentPageIndex * mRecyclerView.getMeasuredHeight();
        final int currentHorizontalScrollOffset = mCurrentPageIndex * mRecyclerView.getMeasuredWidth();

        int index = 0;
        if (mRecyclerView.getLayoutManager().canScrollVertically()) {

            //除掉整頁距離之后的距離
            final float offset = verticalScrollOffset * 1.f % mRecyclerView.getMeasuredHeight();
            final float page = verticalScrollOffset * 1.f / mRecyclerView.getMeasuredHeight();//前面還有多少頁

            index = (int) Math.floor(page);//前面還有多少頁, 取整
            if (offset == 0) {
                return index;
            }

            if (currentVerticalScrollOffset <= verticalScrollOffset) {
                //向上滾動(dòng)
                if (offset >= mRecyclerView.getMeasuredHeight() / 2) {
                    //超過屏幕 1/2 就開始滑動(dòng)
                    index = mCurrentPageIndex + 1;
                } else {
                    index = mCurrentPageIndex;
                }

            } else {
                //向下滾動(dòng)
                if (offset >= mRecyclerView.getMeasuredHeight() / 2) {
                    //超過屏幕 1/2 就開始滑動(dòng)
                    index = mCurrentPageIndex;
                } else {
                    index = mCurrentPageIndex - 1;
                }
            }

        } else if (mRecyclerView.getLayoutManager().canScrollHorizontally()) {
            final float offset = horizontalScrollOffset * 1.f % mRecyclerView.getMeasuredWidth();
            final float page = horizontalScrollOffset * 1.f / mRecyclerView.getMeasuredWidth();
            index = (int) Math.floor(page);
            if (offset == 0) {
                return index;
            }

            if (currentHorizontalScrollOffset <= horizontalScrollOffset) {
                //向左滾動(dòng)
                if (offset >= mRecyclerView.getMeasuredWidth() / 2) {
                    //超過一半的距離
                    index = mCurrentPageIndex + 1;
                } else {
                    index = mCurrentPageIndex;
                }

            } else {
                //向右滾動(dòng)
                if (offset >= mRecyclerView.getMeasuredWidth() / 2) {
                    //超過一半的距離
                    index = mCurrentPageIndex;
                } else {
                    index = mCurrentPageIndex - 1;
                }
            }
        }
        return index;
    }

fling事件的處理邏輯

 /**
     * 當(dāng)fling事件執(zhí)行后找到fling最終的position
     *
     * @param layoutManager
     * @param velocityX
     * @param velocityY
     * @return
     */
    private int findTargetSnapPosition(LayoutManager layoutManager, int velocityX, int velocityY) {
        final int itemCount = layoutManager.getItemCount();
        if (itemCount == 0) {
            return RecyclerView.NO_POSITION;
        }

        int index = RecyclerView.NO_POSITION;

        if (layoutManager.canScrollHorizontally()) {
            if (velocityX > 0) {
                return mCurrentPageIndex + 1;
            } else {
                return mCurrentPageIndex - 1;
            }
        }

        if (layoutManager.canScrollVertically()) {
            if (velocityY > 0) {
                return mCurrentPageIndex + 1;
            } else {
                return mCurrentPageIndex - 1;
            }
        }
        return index;
    }

最終snap邏輯:


    /**
     * 滑動(dòng)事件的真正執(zhí)行
     *
     * @param layoutManager
     * @param position
     */
    private void handleScrollToPosition(LayoutManager layoutManager, int position) {

        int itemCount = layoutManager.getItemCount();

        if (itemCount == 0) {
            return;
        }

        if (position >= itemCount) {
            return;
        }

        mCurrentPageIndex = position;

        int[] snapDistance = calculateDistanceToFinalSnap(layoutManager);
        if (snapDistance[0] != 0 || snapDistance[1] != 0) {
            mRecyclerView.smoothScrollBy(snapDistance[0], snapDistance[1]);
        }
    }

計(jì)算真正需要滑動(dòng)的距離:

    @SuppressWarnings("WeakerAccess")
    @Nullable
    public int[] calculateDistanceToFinalSnap(@NonNull LayoutManager layoutManager) {

        int[] out = new int[2];
        if (layoutManager.canScrollHorizontally()) {
            out[0] = mCurrentPageIndex * mRecyclerView.getMeasuredWidth() - mRecyclerView.computeHorizontalScrollOffset();
        } else {
            out[0] = 0;
        }

        if (layoutManager.canScrollVertically()) {
            out[1] = mCurrentPageIndex * mRecyclerView.getMeasuredHeight() - mRecyclerView.computeVerticalScrollOffset();
        } else {
            out[1] = 0;
        }
        return out;
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末功茴,一起剝皮案震驚了整個(gè)濱河市礁凡,隨后出現(xiàn)的幾起案子高氮,更是在濱河造成了極大的恐慌,老刑警劉巖顷牌,帶你破解...
    沈念sama閱讀 217,185評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件剪芍,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡窟蓝,警方通過查閱死者的電腦和手機(jī)罪裹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來运挫,“玉大人状共,你說我怎么就攤上這事∷粒” “怎么了峡继?”我有些...
    開封第一講書人閱讀 163,524評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)匈挖。 經(jīng)常有香客問我碾牌,道長(zhǎng),這世上最難降的妖魔是什么儡循? 我笑而不...
    開封第一講書人閱讀 58,339評(píng)論 1 293
  • 正文 為了忘掉前任舶吗,我火速辦了婚禮,結(jié)果婚禮上择膝,老公的妹妹穿的比我還像新娘誓琼。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評(píng)論 6 391
  • 文/花漫 我一把揭開白布踊赠。 她就那樣靜靜地躺著呵扛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪筐带。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,287評(píng)論 1 301
  • 那天缤灵,我揣著相機(jī)與錄音伦籍,去河邊找鬼。 笑死全度,一個(gè)胖子當(dāng)著我的面吹牛执桌,可吹牛的內(nèi)容都是我干的咱筛。 我是一名探鬼主播,決...
    沈念sama閱讀 40,130評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼作儿,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了馋劈?” 一聲冷哼從身側(cè)響起攻锰,我...
    開封第一講書人閱讀 38,985評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎妓雾,沒想到半個(gè)月后娶吞,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,420評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡械姻,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評(píng)論 3 334
  • 正文 我和宋清朗相戀三年妒蛇,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片楷拳。...
    茶點(diǎn)故事閱讀 39,779評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绣夺,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出欢揖,到底是詐尸還是另有隱情陶耍,我是刑警寧澤,帶...
    沈念sama閱讀 35,477評(píng)論 5 345
  • 正文 年R本政府宣布浸颓,位于F島的核電站物臂,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏产上。R本人自食惡果不足惜棵磷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望晋涣。 院中可真熱鬧仪媒,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至偎巢,卻和暖如春蔼夜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背压昼。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工求冷, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人窍霞。 一個(gè)月前我還...
    沈念sama閱讀 47,876評(píng)論 2 370
  • 正文 我出身青樓匠题,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親但金。 傳聞我的和親對(duì)象是個(gè)殘疾皇子韭山,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評(píng)論 2 354

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