直接上正題：
要使用TabLayout控件玫芦，需要在build.gradle中導(dǎo)包：

 implementation 'com.android.support:design:28.0.0'

布局

布局有兩種征候，區(qū)別是是否需要添加代碼：

mTabLayout.setupWithViewPager(mViewPager);

布局一

image.png

如上圖所示甩挫，TabLayout和ViewPager按線性排布滑黔。需要添加代碼：mTabLayout.setupWithViewPager(mViewPager);

布局二

image.png

如上圖所示孵户，ViewPager內(nèi)包含TabLayout兽狭，則不需要添加上述代碼憾股。

注意：TabLayout在上，ViewPager在下的情況箕慧，則布局一和二沒有區(qū)別服球，如果要靈活調(diào)整TabLayout的位置（比如在ViewPager下方），請選擇布局一颠焦。

TabLayout屬性

Tab對齊方式
[受到app:tabMode影響,差別主要在app:tabMode=fixed時(shí)]:（為center且tabMode=fixed斩熊，Tab會在水平方向上，集中在屏幕中央伐庭；為fill且tabMode=fixed粉渠，Tab會在水平方向上，平分屏幕）
app:tabGravity="center"
Tab指示器顏色：
app:tabIndicatorColor="@android:color/holo_blue_bright"
Tab指示器高度：
app:tabIndicatorHeight="1dp"
Tab指示器是否填充寬度：(為false圾另，指示器與文字寬度相同霸株；為true，指示器與單個(gè)Tab控件寬度相同)
app:tabIndicatorFullWidth="false"
Tab模式：(為scrollable集乔，可左右滑動去件；為fixed，固定的)
app:tabMode="scrollable"
Tab文字顏色：
app:tabTextColor="@android:color/black"
Tab選中的文字顏色：
app:tabSelectedTextColor="@android:color/holo_blue_bright"

代碼

簡單示例：

private Context mContext;
private List<View> mListView = new ArrayList<>();
private String[] str = {"首頁", "視頻", "我的"};
private TabLayout mTabLayout;
private ViewPager mVP;
protected void initView() {
        mContext = getActivity();

        mListView.add(LayoutInflater.from(mContext).inflate(R.layout.view1, null));
        mListView.add(LayoutInflater.from(mContext).inflate(R.layout.view2, null));
        mListView.add(LayoutInflater.from(mContext).inflate(R.layout.view3, null));

        mTabLayout = ((TabLayout) mRootView.findViewById(R.id.video_tab));
        mVP = ((ViewPager) mRootView.findViewById(R.id.video_vp));

        mVP.setAdapter(new PagerAdapter() {
            @Override
            public int getCount() {
                return mListView.size();
            }

            @Override
            public boolean isViewFromObject(@NonNull View view, @NonNull Object o) {
                return view == o;
            }

            @NonNull
            @Override
            public Object instantiateItem(@NonNull ViewGroup container, int position) {
                View view = mListView.get(position);
                container.addView(view);
                return view;
            }

            @Override
            public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
                container.removeView(((View) object));
            }

            @Nullable
            @Override
            public CharSequence getPageTitle(int position) {//添加標(biāo)題Tab
                return str[position];
            }
        });
        initEvent();
    }
    private void initEvent() {
        //添加標(biāo)簽選中監(jiān)聽
        mTabLayout.addOnTabSelectedListener(listener);
    }

    private TabLayout.OnTabSelectedListener listener = new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    };

更多的注意事項(xiàng)和用法扰路，以后會繼續(xù)更新尤溜。