【Android】解決ViewPager使用setCurrentItem跨距離(中間間隔多個page頁)切換過渡動畫閃現(xiàn)問題

ViewPager跨距離切換過渡動畫異常

今天在使用ViewPager時,因功能需求需要使用跨距離(跨越多頁悠栓,與當前頁相距>1頁按价。如0至10)切換楼镐,代碼也非常簡單,通過ViewPager的setCurrentItem(int item)進行切換框产,然后就出現(xiàn)了上述的問題過渡動畫閃瞎登場
我的代碼:

setCurrentItem(int item).png

運行效果:
before.gif

我的眼睛.jpg


解決方法

  • 使用setCurrentItem(int item,boolean smoothScroll)方法
    在跨距離切換的時候盾舌,使用setCurrentItem(position,false)方法來操作即可解決問題蘸鲸。
    • 參數(shù)item:目標頁的位置;
    • 參數(shù)smoothScroll:是否平滑過渡(true:是膝舅,false:否)窑多。
  • 在跨距離切換時控制ViewPager.mScroller的滾動時長
    如果上述方法并不適用您的應用場景或者還存在其它問題,我們還可以通過自定義ViewPager的Scroller的方式來控制動畫時長埂息,從而解決問題。

自定義一個Scroller享幽,增加設置無完成滾動時間方法:

class XScroller extends Scroller {

    private boolean noDuration = false;// 標識是否沒有滾動時間(true:沒有拾弃;false:有),默認為有

    XScroller(Context context) {
        super(context);
    }

    public XScroller(Context context, Interpolator interpolator) {
        super(context, interpolator);
    }

    public XScroller(Context context, Interpolator interpolator, boolean flywheel) {
        super(context, interpolator, flywheel);
    }

    /**
     * 開始滾動
     *
     * @param startX   開始X位置
     * @param startY   開始Y位置
     * @param dx       目標X位置
     * @param dy       目標Y位置
     * @param duration 完成滾動的時間
     */
    @Override
    public void startScroll(int startX, int startY, int dx, int dy, int duration) {
        if (noDuration) {// 跨距離切換時携栋,不需要有完成滾動時間延遲
            duration = 0;
        }
        super.startScroll(startX, startY, dx, dy, duration);
    }

    void setNoDuration(boolean noDuration) {
        this.noDuration = noDuration;
    }
}

在ViewPager中咳秉,通過反射設置mScroller域為自己定義的xScroller:

        xScroller = new XScroller(context);

        try {
            Field field = ViewPager.class.getDeclaredField("mScroller");
            field.setAccessible(true);
            field.set(this, xScroller );// 利用反射設置mScroller域為自己定義的xScroller 
        } catch (Exception e) {
            Log.e(TAG, "setViewPagerScrollSpeed error:" + e.toString());
        }

重寫setCurrentItem方法,在里面加一層判斷磅摹,決定是否設置滾動時間為0:

    /**
     * 設置切換到當前選擇的頁面
     *
     * @param item         選定頁面的下標
     * @param smoothScroll 是否平滑滾動
     */
    @Override
    public void setCurrentItem(int item, boolean smoothScroll) {
        int current = getCurrentItem();

        // 如果頁面相隔大于1,就設置頁面切換時完成滑動的時間為0
        if (Math.abs(current - item) > 1) {
            loopScroller.setNoDuration(true);// 滑動前設置動畫時間為0
            super.setCurrentItem(item, smoothScroll);
            loopScroller.setNoDuration(false);// 滑動結束后設置動畫時間恢復
        } else {
            loopScroller.setNoDuration(false);
            super.setCurrentItem(item, smoothScroll);
        }
    }

運行效果:

after.gif


問題分析

碰到這個問題大家可能會比較郁悶,為什么我沒有設置過渡動畫幕侠,且只用了setCurrentItem(int item)方法卻出現(xiàn)了這種情況碍彭?

  • setCurrentItem(int item)源碼分析
    /**
     * Set the currently selected page. If the ViewPager has already been through its first
     * 設置切換到當前選定頁。如果ViewPager已經(jīng)通過其與當前適配器的第一個布局
     * layout with its current adapter there will be a smooth animated transition between
     * 將有一個平滑的動畫過渡當前item和指定item之間舞箍。
     * the current item and the specified item.
     *
     * @param item Item index to select
     */
    public void setCurrentItem(int item) {
        mPopulatePending = false;
        setCurrentItemInternal(item, !mFirstLayout, false);
    }

也就是說皆疹,ViewPager在通過其與當前適配器的第一個布局后略就,在當前item與指定item切換時,還是會存在一個平滑的過渡動畫表牢,這也是我們多頁面切換時出現(xiàn)問題的病癥所在,這里主要是由mFirstLayout來控制——源碼中的mFirstLayout默認值為true彰导,在onLayout方法中又變動其值為false.

  • setCurrentItem(int item, boolean smoothScroll)源碼分析
    那么如果使用ViewPager類中與setCurrentItem(int item)比較相似的setCurrentItem(int item, boolean smoothScroll)呢敲茄?我們先來看下它的源碼:
    /**
     * Set the currently selected page.
     * 設置切換到當前選擇的頁面
     * @param item Item index to select 選定頁面的下標
     * @param smoothScroll True to smoothly scroll to the new item, false to transition immediately
     * true:平滑滾動到新的item折汞,false:立即滾動到指定位置.
     */
    public void setCurrentItem(int item, boolean smoothScroll) {
        mPopulatePending = false;
        setCurrentItemInternal(item, smoothScroll, false);
    }

通過對setCurrentItem(int item, boolean smoothScroll)源碼的分析,我們可以發(fā)現(xiàn)损同,當我們使用其代替setCurrentItem(int item)進行使用時,為了避免跨距離切換出現(xiàn)上述異常情況茂卦,我們只需要設置smoothScroll = false组哩,關閉過渡動畫即可解決。


如果您有更好的解決方案歡迎評論分享蛛砰,如有錯誤黍衙,請批評指正,謝謝位仁。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末方椎,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子琳疏,更是在濱河造成了極大的恐慌摄欲,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件我注,死亡現(xiàn)場離奇詭異但骨,居然都是意外死亡智袭,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門校哎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人腰奋,你說我怎么就攤上這事抱怔。” “怎么了局冰?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵灌危,是天一觀的道長乍狐。 經(jīng)常有香客問我,道長浅蚪,這世上最難降的妖魔是什么烫罩? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任贝攒,我火速辦了婚禮,結果婚禮上哈踱,老公的妹妹穿的比我還像新娘梨熙。我一直安慰自己,他們只是感情好邪财,可當我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布树埠。 她就那樣靜靜地躺著嘶伟,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上毕匀,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天期揪,我揣著相機與錄音规个,去河邊找鬼。 笑死诞仓,一個胖子當著我的面吹牛墅拭,可吹牛的內容都是我干的。 我是一名探鬼主播谍婉,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼穗熬,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了探遵?” 一聲冷哼從身側響起妓柜,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤棍掐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后诉稍,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體最疆,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片心褐。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡笼踩,死狀恐怖嚎于,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情于购,我是刑警寧澤,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站嫌吠,受9級特大地震影響,放射性物質發(fā)生泄漏覆山。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一勋篓、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧譬嚣,春花似錦、人聲如沸殊鞭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至救鲤,卻和暖如春久窟,著一層夾襖步出監(jiān)牢的瞬間斥扛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工丹锹, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留稀颁,地道東北人。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓卷仑,卻偏偏與公主長得像峻村,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子锡凝,可洞房花燭夜當晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,097評論 25 707
  • EnglishVersion ->_->:https://github.com/jiang111/awesome-...
    聶順閱讀 1,226評論 0 4
  • 今天小樹苗來接我了粘昨。我工作忘記了吃飯,他帶我去吃夜宵窜锯,然后送我回家张肾。到了樓下的時候,我對他說锚扎,發(fā)現(xiàn)他很無聊吞瞪。他突然...
    專掐祖國小樹苗閱讀 227評論 0 0