天天看點

反射改變TabLayout屬性

目錄介紹

  • 01.遇到的實際需求分析
  • 02.原生TabLayout局限
  • 03.TabLayout源碼解析
    • 3.1 Tab頁籤如何實作
    • 3.2 滑動切換Tab頁籤
    • 3.3 Tab頁籤訓示線寬度
  • 04.設定自定義tabView頁籤
  • 05.自定義訓示器的長度
  • 06.設定滑動改變頁籤顔色
  • 07.使用反射的注意要點
  • 08.混淆時用到反射注意項

好消息

  • 部落格筆記大彙總【16年3月到至今】,包括Java基礎及深入知識點,Android技術部落格,Python學習筆記等等,還包括平時開發中遇到的bug彙總,當然也在工作之餘收集了大量的面試題,長期更新維護并且修正,持續完善……開源的檔案是markdown格式的!同時也開源了生活部落格,從12年起,積累共計N篇[近100萬字,陸續搬到網上],轉載請注明出處,謝謝!
  • 連結位址: https://github.com/yangchong211/YCBlogs
  • 如果覺得好,可以star一下,謝謝!當然也歡迎提出建議,萬事起于忽微,量變引起質變!

  • 實際開發中UI的效果圖
    • 一般要求文字内容和訓示線的寬度要一樣
  • 使用TabLayout的效果圖
    • 一般訓示線的寬度要大于文字内容
  • 遇到問題分析
    • 設定tabPaddingStart和tabPaddingEnd,但是布局填上去後發現并沒有用。
  • 實作方案
    • 第一種:自定義類似TabLayout的控件,代碼量巨大,且GitHub上有許多已經比較成熟的庫,代碼品質是層次不齊。
    • 第二種:在原有基礎上通過繼承TabLayout控件,重寫其中幾個方法,并且通過反射來修改部分屬性,也能達到第一種方案效果。
    • 下面就來講一下我自己通過第二種方案實作步驟和原理!
  • 最終UI效果圖展示

  • 一張圖看懂TabLayout的結構
    • 如果要用代碼進行表示的話,大概是這樣的。TabLayout繼承自HorizontalScrollView,而都知道ScrollView隻能添加一個子 View,是以SlidingTabIndicator就是那個用來添加子View 的橫向LinearLayout。
    //28版本代碼
    public class TabLayout extends HorizontalScrollView {
    
        private class SlidingTabIndicator extends LinearLayout {
    
        }
    }           
  • 存在的局限性
    • 第一個無法改變訓示線的寬度
    • 第二個無法做到滑動改變tab頁籤顔色漸變的效果【有的還需要放大效果】

  • 第一種方式,直接通過addTab方法添加tab頁籤,代碼如下所示
    TabLayout.Tab tab = tabLayout.newTab();
    View tabView = new TextView(this);
    tabLayout.setCustomView(tabView);
    tabLayout.addTab(tab);           
  • 第二種方式,通過設定FragmentPagerAdapter中的getPageTitle也可以添加tab頁籤,代碼如下所示
    mTitleList.add("潇湘劍雨");
    FragmentManager supportFragmentManager = getSupportFragmentManager();
    PagerAdapter myAdapter = new PagerAdapter(supportFragmentManager, mFragments, mTitleList);
    tabLayout.setAdapter(myAdapter);
    
    
    public class PagerAdapter extends FragmentPagerAdapter {
    
        private List<?> mFragment;
        private List<String> mTitleList;
    
        public PagerAdapter(FragmentManager fm, List<?> mFragment, List<String> mTitleList) {
            super(fm);
            this.mFragment = mFragment;
            this.mTitleList = mTitleList;
        }
    
        @Override
        public CharSequence getPageTitle(int position) {
            if (mTitleList != null) {
                return mTitleList.get(position);
            } else {
                return "";
            }
        }
    }           
    • 接下來看一下tabLayout源碼是如何拿到getPageTitle方法的内容而達到設定addTab的目的。主要看源碼中的populateFromPagerAdapter方法。看到下面代碼是不是豁然開朗了……
    void populateFromPagerAdapter() {
        this.removeAllTabs();
        if (this.pagerAdapter != null) {
            int adapterCount = this.pagerAdapter.getCount();
    
            int curItem;
            for(curItem = 0; curItem < adapterCount; ++curItem) {
                this.addTab(this.newTab().setText(this.pagerAdapter.getPageTitle(curItem)), false);
            }
    
            if (this.viewPager != null && adapterCount > 0) {
                curItem = this.viewPager.getCurrentItem();
                if (curItem != this.getSelectedTabPosition() && curItem < this.getTabCount()) {
                    this.selectTab(this.getTabAt(curItem));
                }
            }
        }
    }           
  • 不管是上面那種方式,那麼如何将tab添加到SlidingTabIndicator布局中呢?
    • 通過下面代碼可以看到,最終是通過slidingTabIndicator對象調用addView将tabView添加到SlidingTabIndicator布局之中的。
    public void addTab(@NonNull TabLayout.Tab tab, int position, boolean setSelected) {
        if (tab.parent != this) {
            throw new IllegalArgumentException("Tab belongs to a different TabLayout.");
        } else {
            this.configureTab(tab, position);
            this.addTabView(tab);
            if (setSelected) {
                tab.select();
            }
        }
    }
    
    private void addTabView(TabLayout.Tab tab) {
        TabLayout.TabView tabView = tab.view;
        this.slidingTabIndicator.addView(tabView, tab.getPosition(), this.createLayoutParamsForTabs());
    }           
  • 為什麼要分析這個addTab?
    • 因為需求說了,需要在滑動的時候,随着滑動而改變tabView的文字顔色,這一點原生TabLayout并沒有實作。是以要實作這個邏輯,就必須重寫TabLayout的addTab方法,然後将自己自定義的tabView添加到tab中,這個下面會講如何實作……

  • 第一步:随着頁面的滑動文字顔色漸變那麼肯定少不了ViewPager的頁面監聽,這個在我們調用setupWithViewPager的時候TabLayout就已經添加監聽。那麼先來看下源碼監聽滑動是如何實作的?
    • 綁定 ViewPager 隻需要一行代碼mTabLayout.setupWithViewPager(mViewPager)即可。
    • 可以看到當viewPager不為null的時候,先移除listener監聽事件。然後在建立listener監聽,并且重置狀态。
    private void setupWithViewPager(@Nullable ViewPager viewPager, boolean autoRefresh, boolean implicitSetup) {
        if (this.viewPager != null) {
            if (this.pageChangeListener != null) {
                this.viewPager.removeOnPageChangeListener(this.pageChangeListener);
            }
    
            if (this.adapterChangeListener != null) {
                this.viewPager.removeOnAdapterChangeListener(this.adapterChangeListener);
            }
        }
    
        if (this.currentVpSelectedListener != null) {
            this.removeOnTabSelectedListener(this.currentVpSelectedListener);
            this.currentVpSelectedListener = null;
        }
    
        if (viewPager != null) {
            this.viewPager = viewPager;
            if (this.pageChangeListener == null) {
                this.pageChangeListener = new TabLayout.TabLayoutOnPageChangeListener(this);
            }
    
            this.pageChangeListener.reset();
            viewPager.addOnPageChangeListener(this.pageChangeListener);
            this.currentVpSelectedListener = new TabLayout.ViewPagerOnTabSelectedListener(viewPager);
            this.addOnTabSelectedListener(this.currentVpSelectedListener);
            PagerAdapter adapter = viewPager.getAdapter();
            if (adapter != null) {
                this.setPagerAdapter(adapter, autoRefresh);
            }
    
            if (this.adapterChangeListener == null) {
                this.adapterChangeListener = new TabLayout.AdapterChangeListener();
            }
    
            this.adapterChangeListener.setAutoRefresh(autoRefresh);
            viewPager.addOnAdapterChangeListener(this.adapterChangeListener);
            this.setScrollPosition(viewPager.getCurrentItem(), 0.0F, true);
        } else {
            this.viewPager = null;
            this.setPagerAdapter((PagerAdapter)null, false);
        }
    
        this.setupViewPagerImplicitly = implicitSetup;
    }           
  • 那麼滑動是如何切換頁籤和訓示線呢,具體看一下TabLayoutOnPageChangeListener滑動監聽源碼。
    • 主要是看onPageSelected方法,該方法是通過tabLayout.selectTab來切換頁籤的。
    public static class TabLayoutOnPageChangeListener implements OnPageChangeListener {
    
        public TabLayoutOnPageChangeListener(TabLayout tabLayout) {
            this.tabLayoutRef = new WeakReference(tabLayout);
        }
    
        public void onPageScrollStateChanged(int state) {
            this.previousScrollState = this.scrollState;
            this.scrollState = state;
        }
    
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            TabLayout tabLayout = (TabLayout)this.tabLayoutRef.get();
            if (tabLayout != null) {
                boolean updateText = this.scrollState != 2 || this.previousScrollState == 1;
                boolean updateIndicator = this.scrollState != 2 || this.previousScrollState != 0;
                tabLayout.setScrollPosition(position, positionOffset, updateText, updateIndicator);
            }
    
        }
    
        public void onPageSelected(int position) {
            TabLayout tabLayout = (TabLayout)this.tabLayoutRef.get();
            if (tabLayout != null && tabLayout.getSelectedTabPosition() != position && position < tabLayout.getTabCount()) {
                boolean updateIndicator = this.scrollState == 0 || this.scrollState == 2 && this.previousScrollState == 0;
                tabLayout.selectTab(tabLayout.getTabAt(position), updateIndicator);
            }
        }
    }           
  • 知道了滑動切換頁籤後,就思考一下,能否通過反射來使用自己的滑動監聽事件,然後在onPageSelected方法中,滑動改變頁籤中文字的顔色,或者縮放的功能呢。答案是可以的。

  • 具體可以看updateIndicatorPosition源碼
    • 可以看到先擷取目前滑動位置的tabView,如果内容不為空,則擷取左右的位置。
    • 在滑塊滑動的時候,如果滑動超過了上一個或是下一個滑塊一半的話。那就說明移動到了上一個或是下一個滑塊,然後取出left和right
    • 最後設定滑塊的位置
    private void updateIndicatorPosition() {
        //根據目前滑塊的位置拿到目前TabView
        View selectedTitle = this.getChildAt(this.selectedPosition);
        int left;
        int right;
        if (selectedTitle != null && selectedTitle.getWidth() > 0) {
            //拿到TabView的左、右位置
            left = selectedTitle.getLeft();
            right = selectedTitle.getRight();
            if (!TabLayout.this.tabIndicatorFullWidth && selectedTitle instanceof TabLayout.TabView) {
                this.calculateTabViewContentBounds((TabLayout.TabView)selectedTitle, TabLayout.this.tabViewContentBounds);
                left = (int)TabLayout.this.tabViewContentBounds.left;
                right = (int)TabLayout.this.tabViewContentBounds.right;
            }
    
            //在滑塊滑動的時候,如果滑動超過了上一個或是下一個滑塊一半的話
            //那就說明移動到了上一個或是下一個滑塊,然後取出left和right
            if (this.selectionOffset > 0.0F && this.selectedPosition < this.getChildCount() - 1) {
                View nextTitle = this.getChildAt(this.selectedPosition + 1);
                int nextTitleLeft = nextTitle.getLeft();
                int nextTitleRight = nextTitle.getRight();
                if (!TabLayout.this.tabIndicatorFullWidth && nextTitle instanceof TabLayout.TabView) {
                    this.calculateTabViewContentBounds((TabLayout.TabView)nextTitle, TabLayout.this.tabViewContentBounds);
                    nextTitleLeft = (int)TabLayout.this.tabViewContentBounds.left;
                    nextTitleRight = (int)TabLayout.this.tabViewContentBounds.right;
                }
    
                left = (int)(this.selectionOffset * (float)nextTitleLeft + (1.0F - this.selectionOffset) * (float)left);
                right = (int)(this.selectionOffset * (float)nextTitleRight + (1.0F - this.selectionOffset) * (float)right);
            }
        } else {
            right = -1;
            left = -1;
        }
        //設定滑塊的位置
        this.setIndicatorPosition(left, right);
    }           
  • 然後看一下setIndicatorPosition的代碼
    • 設定滑塊的寬度是根據子TabView的寬度來設定的,也就是說,TabView的寬度是多少,那麼滑塊的寬度就是多少。
    void setIndicatorPosition(int left, int right) {
        if (left != this.indicatorLeft || right != this.indicatorRight) {
            this.indicatorLeft = left;
            this.indicatorRight = right;
            ViewCompat.postInvalidateOnAnimation(this);
        }
    }           
  • 為何要分析這個?
    • 因為如果你要改變訓示器的寬度,那麼必須要能夠動态改變左右的位置。知道了這個大概的原理,那麼下面利用反射設定頁籤左右的間距來改變訓示器的長度就知道怎麼實作呢。

04.實作滑動改變顔色

  • 滑動改變訓示器文字變色
    • TabLayout中可以設定文字内容,通過上面3.2源碼分析,可以知道通過addTab添加自定義頁籤,那麼滑動改變頁籤tabView的顔色,可以會涉及到監聽滑動。是以這裡需要用反射替換成自己的滑動監聽,然後在TabLayoutOnPageChangeListener的監聽類中的onPageScrolled方法,改變tabView的顔色。
  • 通過反射找到源碼中pageChangeListener成員變量,然後設定暴力通路權限。
    • 然後擷取TabLayoutOnPageChangeListener的對象,删除自帶的監聽,同時将自己自定義的滑動監聽listener添加上。
    @Override
    public void setupWithViewPager(@Nullable ViewPager viewPager, boolean autoRefresh) {
        super.setupWithViewPager(viewPager, autoRefresh);
        try {
            //通過反射找到mPageChangeListener
            Field field = getPageChangeListener();
            field.setAccessible(true);
            TabLayoutOnPageChangeListener listener = (TabLayoutOnPageChangeListener) field.get(this);
            if (listener!=null && viewPager!=null) {
                //删除自帶監聽
                viewPager.removeOnPageChangeListener(listener);
                OnPageChangeListener mPageChangeListener = new OnPageChangeListener(this);
                mPageChangeListener.reset();
                viewPager.addOnPageChangeListener(mPageChangeListener);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }           
    • 然後看一下反射的代碼,我在網上看到好多部落格,沒有區分27前和28後的問題。這個地方一定要注意一下!
    /**
     * 反射擷取私有的mPageChangeListener屬性,考慮support 28以後變量名修改的問題
     * @return Field
     * @throws NoSuchFieldException
     */
    private Field getPageChangeListener() throws NoSuchFieldException {
        Class clazz = TabLayout.class;
        try {
            // support design 27及一下版本
            return clazz.getDeclaredField("mPageChangeListener");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
            // 可能是28及以上版本
            return clazz.getDeclaredField("pageChangeListener");
        }
    }           
  • 然後看一下自定義的OnPageChangeListener
    • 采用弱引用方式防止監聽listener記憶體洩漏,算是一個小的優化
    /**
     * 滑動監聽,核心邏輯
     * 建議如果是activity退到背景,或者關閉頁面,将listener給remove掉
     * 采用弱引用方式防止監聽listener記憶體洩漏,算是一個小的優化
     */
    private static class OnPageChangeListener extends TabLayoutOnPageChangeListener {
    
        private final WeakReference<CustomTabLayout> mTabLayoutRef;
        private int mPreviousScrollState;
        private int mScrollState;
    
        OnPageChangeListener(TabLayout tabLayout) {
            super(tabLayout);
            mTabLayoutRef = new WeakReference<>((CustomTabLayout) tabLayout);
        }
    
        /**
         * 這個方法是滾動狀态發生變化是調用
         * @param state                     樁體
         */
        @Override
        public void onPageScrollStateChanged(final int state) {
            mPreviousScrollState = mScrollState;
            mScrollState = state;
        }
    
        /**
         * 正在滾動時調用
         * @param position                  索引
         * @param positionOffset            offset偏移
         * @param positionOffsetPixels      offsetPixels
         */
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            super.onPageScrolled(position, positionOffset, positionOffsetPixels);
            CustomTabLayout tabLayout = mTabLayoutRef.get();
            if (tabLayout == null) {
                return;
            }
            final boolean updateText = mScrollState != SCROLL_STATE_SETTLING ||
                    mPreviousScrollState == SCROLL_STATE_DRAGGING;
            if (updateText) {
                tabLayout.tabScrolled(position, positionOffset);
            }
        }
    
        /**
         * 選中時調用
         * @param position                      索引
         */
        @Override
        public void onPageSelected(int position) {
            super.onPageSelected(position);
            CustomTabLayout tabLayout = mTabLayoutRef.get();
            mPreviousScrollState = SCROLL_STATE_SETTLING;
            tabLayout.setSelectedView(position);
        }
    
        /**
         * 重置狀态
         */
        void reset() {
            mPreviousScrollState = mScrollState = SCROLL_STATE_IDLE;
        }
    }           

  • 通過反射的方式修改訓示器長度,如果需要訓示器寬度等于文字寬度需要自己微調,或者28版本直接通過設定app:tabIndicatorFullWidth="false"屬性即可讓内容和訓示器寬度一樣。
    • 原理就是通過反射的方式擷取TabLayout的字段mTabStrip(27之前)或者slidingTabIndicator(28之後),然後再去周遊修改每一個子 View 的 Margin 值。代碼如下:
    /**
     * 通過反射設定TabLayout每一個的長度
     * @param left                      左邊 Margin 機關 dp
     * @param right                     右邊 Margin 機關 dp
     */
    public void setIndicator(int left, int right) {
        Field tabStrip = null;
        try {
            tabStrip = getTabStrip();
            tabStrip.setAccessible(true);
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
        }
    
        LinearLayout llTab = null;
        try {
            if (tabStrip != null) {
                llTab = (LinearLayout) tabStrip.get(this);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    
        int l = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, left,
                Resources.getSystem().getDisplayMetrics());
        int r = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, right,
                Resources.getSystem().getDisplayMetrics());
    
        if (llTab != null) {
            for (int i = 0; i < llTab.getChildCount(); i++) {
                View child = llTab.getChildAt(i);
                child.setPadding(0, 0, 0, 0);
                LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
                        0, LinearLayout.LayoutParams.MATCH_PARENT, 1);
                params.leftMargin = l;
                params.rightMargin = r;
                child.setLayoutParams(params);
                child.invalidate();
            }
        }
    }           
  • 然後看一下反射擷取tabStrip的代碼
    /**
     * 反射擷取私有的mTabStrip屬性,考慮support 28以後變量名修改的問題
     * @return Field
     * @throws NoSuchFieldException
     */
    private Field getTabStrip() throws NoSuchFieldException {
        Class clazz = TabLayout.class;
        try {
            // support design 27及一下版本
            return clazz.getDeclaredField("mTabStrip");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
            // 可能是28及以上版本
            return clazz.getDeclaredField("slidingTabIndicator");
        }
    }           
  • 這裡其實也可以不用反射,那麼該怎麼實作呢?
    • 需要注意一點,需要在Tablayout設定完成後操作,并且必須等所有繪制操作結束,使用tabLayout.post拿到屬性參數,然後設定下margin。
    public void setTabWidth(TabLayout tabLayout){
        //拿到slidingTabIndicator的布局
        LinearLayout mTabStrip = (LinearLayout) tabLayout.getChildAt(0);
        //周遊SlidingTabStrip的所有TabView子view
        for (int i = 0; i < mTabStrip.getChildCount(); i++) {
            View tabView = mTabStrip.getChildAt(i);
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams)tabView.getLayoutParams();
            //給TabView設定leftMargin和rightMargin
            params.leftMargin = dp2px(10);
            params.rightMargin = dp2px(10);
            tabView.setLayoutParams(params);
            //觸發繪制
            tabView.invalidate();
        }
    }           

  • 滑動時如何改變頁籤的顔色呢?當然在滾動的時候去動态改變屬性,具體的做法:
  • 在TabLayoutOnPageChangeListener中監聽,主要看onPageScrolled方法
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        super.onPageScrolled(position, positionOffset, positionOffsetPixels);
        CustomTabLayout tabLayout = mTabLayoutRef.get();
        if (tabLayout == null) {
            return;
        }
        final boolean updateText = mScrollState != SCROLL_STATE_SETTLING ||
                mPreviousScrollState == SCROLL_STATE_DRAGGING;
        if (updateText) {
            tabLayout.tabScrolled(position, positionOffset);
        }
    }           
  • 然後看一下tabScrolled方法,代碼如下所示
    • 這個方法裡,主要是拿到目前tabView和下一個tabView,然後依次改變Progress進度,以此達到更改文字的顔色。
    /**
     * 滑動改變自定義tabView的顔色
     * @param position                      索引
     * @param positionOffset                偏移量
     */
    private void tabScrolled(int position, float positionOffset) {
        if (positionOffset == 0.0F) {
            return;
        }
        //目前tabView
        CustomTabView currentTrackView = getCustomTabView(position);
        //下一個tabView
        CustomTabView nextTrackView = getCustomTabView(position + 1);
        if (currentTrackView != null) {
            currentTrackView.setDirection(1);
            currentTrackView.setProgress(1.0F - positionOffset);
        }
        if (nextTrackView != null) {
            nextTrackView.setDirection(0);
            nextTrackView.setProgress(positionOffset);
        }
    }           
  • 然後在CustomTabView中,看代碼如下所示
    • 調用invalidate()方法會調用onDraw()方法,然後去達到重繪view的目的。
    public void setProgress(float progress) {
        this.mProgress = progress;
        invalidate();
    }           
  • 接着看看onDraw這個方法做了什麼操作
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mDirection == DIRECTION_LEFT) {
            drawChangeLeft(canvas);
            drawOriginLeft(canvas);
        } else if (mDirection == DIRECTION_RIGHT) {
            drawOriginRight(canvas);
            drawChangeRight(canvas);
        } else if (mDirection == DIRECTION_TOP) {
            drawOriginTop(canvas);
            drawChangeTop(canvas);
        } else if (mDirection == DIRECTION_BOTTOM){
            drawOriginBottom(canvas);
            drawChangeBottom(canvas);
        }
    }           
  • 然後看其中的一個drawChangeLeft方法
    private void drawChangeLeft(Canvas canvas) {
        drawTextHor(canvas, mTextChangeColor, mTextStartX,  (int) (mTextStartX + mProgress * mTextWidth));
    }
    
    /**
     * 橫向
     * @param canvas                    畫闆
     * @param color                     顔色
     * @param startX                    開始x
     * @param endX                      結束x
     */
    private void drawTextHor(Canvas canvas, int color, int startX, int endX) {
        mPaint.setColor(color);
        if (debug) {
            mPaint.setStyle(Style.STROKE);
            canvas.drawRect(startX, 0, endX, getMeasuredHeight(), mPaint);
        }
        canvas.save();
        canvas.clipRect(startX, 0, endX, getMeasuredHeight());
        // right, bottom
        canvas.drawText(mText, mTextStartX, getMeasuredHeight() / 2
                        - ((mPaint.descent() + mPaint.ascent()) / 2), mPaint);
        canvas.restore();
    }           

  • 比如或者mTabStrip屬性,網上許多沒有區分27和28名稱的變化。如果因為名稱的問題,會導緻反射擷取不到Field,那麼所做的操作也就失效了,這是一個很大的風險。
    /**
     * 反射擷取私有的mTabStrip屬性,考慮support 28以後變量名修改的問題
     * @return Field
     * @throws NoSuchFieldException
     */
    private Field getTabStrip() throws NoSuchFieldException {
        Class clazz = TabLayout.class;
        try {
            // support design 27及一下版本
            return clazz.getDeclaredField("mTabStrip");
        } catch (NoSuchFieldException e) {
            e.printStackTrace();
            // 可能是28及以上版本
            return clazz.getDeclaredField("slidingTabIndicator");
        }
    }           

  • 還有一點就是有的人這麼使用會報錯,是因為混淆産生的問題,反射slidingTabIndicator或者pageChangeListener的時候可能會出問題,可以在混淆配置裡面設定下TabLayout不被混淆。
    -keep class android.support.design.widget.TabLayout{*;}           

其他介紹

01.關于部落格彙總連結

02.關于我的部落格

部落格彙總項目開源位址:

TabLayout項目開源位址: https://github.com/yangchong211/YcTabLyout