前言：本文只針對(duì)tab layout與viewpager聯(lián)用來(lái)講的，以前總是覺(jué)得tablayout使用特別麻煩，所以一直選擇第三方庫(kù)，都不用它，仔細(xì)研究發(fā)現(xiàn)我們都錯(cuò)過(guò)了它，看完這篇讓你愛(ài)上它，使用非常簡(jiǎn)單

• 布局文件

 <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
    <!--Tab被選中字體的顏色-->
        app:tabSelectedTextColor="@android:color/holo_blue_bright"
    <!--Tab未被選中字體的顏色-->
        app:tabTextColor="@android:color/black"
    <!--Tab指示器下標(biāo)的顏色-->
        app:tabIndicatorColor="@android:color/holo_blue_bright"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

• 常用的屬性有三個(gè)：

app:tabSelectedTextColor：Tab被選中字體的顏色
app:tabTextColor：Tab未被選中字體的顏色
app:tabIndicatorColor：Tab指示器下標(biāo)的顏色

• TabLayout常用的方法如下：

 addTab(TabLayout.Tab tab, int position, boolean setSelected) 增加選項(xiàng)卡到 layout 中 
 addTab(TabLayout.Tab tab, boolean setSelected) 同上 
 addTab(TabLayout.Tab tab) 同上 
 getTabAt(int index) 得到選項(xiàng)卡 
 getTabCount() 得到選項(xiàng)卡的總個(gè)數(shù) 
 getTabGravity() 得到 tab 的 Gravity 
 getTabMode() 得到 tab 的模式 
 getTabTextColors() 得到 tab 中文本的顏色 
 newTab() 新建個(gè) tab 
 removeAllTabs() 移除所有的 tab 
 removeTab(TabLayout.Tab tab) 移除指定的 tab 
 removeTabAt(int position) 移除指定位置的 tab 
 setOnTabSelectedListener(TabLayout.OnTabSelectedListener onTabSelectedListener) 為每個(gè) tab 增加選擇監(jiān)聽(tīng)器 
 setScrollPosition(int position, float positionOffset, boolean updateSelectedText) 設(shè)置滾動(dòng)位置 
 setTabGravity(int gravity) 設(shè)置 Gravity 
 setTabMode(int mode) 設(shè)置 Mode,有兩種值：TabLayout.MODE_SCROLLABLE和TabLayout.MODE_FIXED分別表示當(dāng)tab的內(nèi)容超過(guò)屏幕寬度是否支持橫向水平滑動(dòng)，第一種支持滑動(dòng)，第二種不支持，默認(rèn)不支持水平滑動(dòng)。 
 setTabTextColors(ColorStateList textColor) 設(shè)置 tab 中文本的顏色 
 setTabTextColors(int normalColor, int selectedColor) 設(shè)置 tab 中文本的顏色 默認(rèn) 選中 
 setTabsFromPagerAdapter(PagerAdapter adapter) 設(shè)置 PagerAdapter 
 setupWithViewPager(ViewPager viewPager) 和 ViewPager 聯(lián)動(dòng)

• 代碼中,使用只需要四步，非常簡(jiǎn)單：
  1. 找到控件
     tabLayout = (TabLayout)findViewById(R.id.tabs);
  2. 設(shè)置模式（當(dāng)然這步是可以放到布局文件中的）
     tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);//設(shè)置tab模式，MODE_FIXED是固定的,不能超出屏幕，MODE_SCROLLABLE可超出屏幕范圍滾動(dòng)的

3. 關(guān)聯(lián)viewpager
   tabLayout.setupWithViewPager(viewPager);//將TabLayout和ViewPager關(guān)聯(lián)起來(lái)。
4. 為tab設(shè)置適配器
   tabLayout.setTabsFromPagerAdapter(fragmentAdapter);//給Tabs設(shè)置適配器

• 到此就完了，可能很多人就要說(shuō)我這個(gè)有問(wèn)題呀，都沒(méi)設(shè)置tablayout中的tab，網(wǎng)上大多數(shù)的dome是這樣的（如果是tab layout單用就是對(duì)的，本文是針對(duì)與viewpager聯(lián)用的情況）:

 tabLayout = (TabLayout)findViewById(R.id.tabs);
        //設(shè)置tab模式，MODE_FIXED是固定的，MODE_SCROLLABLE可超出屏幕范圍滾動(dòng)的
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        //網(wǎng)上很多dome都是在這里把tab添加到tablayout中的，但實(shí)際上這是多余的
        tabLayout.addTab(tabLayout.newTab().setText(tabList.get(0)));//添加tab選項(xiàng)卡
        tabLayout.addTab(tabLayout.newTab().setText(tabList.get(1)));
        tabLayout.addTab(tabLayout.newTab().setText(tabList.get(2)));
        tabLayout.addTab(tabLayout.newTab().setText(tabList.get(3)));
        tabLayout.addTab(tabLayout.newTab().setText(tabList.get(4)));
        tabLayout.addTab(tabLayout.newTab().setText(tabList.get(5)));

        List<Fragment> fragmentList = new ArrayList<>();
        for (int i = 0; i < tabList.size(); i++) {
            Fragment f1 = new TabFragment();
            Bundle bundle = new Bundle();
            bundle.putString("content", "http://www.lxweimin.com/users/2229fd214880/latest_articles");
            f1.setArguments(bundle);
            fragmentList.add(f1);
        }

        TabFragmentAdapter fragmentAdapter = new TabFragmentAdapter(getSupportFragmentManager(), fragmentList, tabList);
        viewPager.setAdapter(fragmentAdapter);//給ViewPager設(shè)置適配器
        tabLayout.setupWithViewPager(viewPager);//將TabLayout和ViewPager關(guān)聯(lián)起來(lái)。
        tabLayout.setTabsFromPagerAdapter(fragmentAdapter);//給Tabs設(shè)置適配器

但實(shí)際上是多余的，其實(shí)只要為tab設(shè)置了適配器就已經(jīng)完成了這一步了，下面就來(lái)看看源碼吧

//這里我只提出來(lái)了一些重要的代碼塊
 /** 
      *為tab設(shè)置適配器          
     */
    @Deprecated
    public void setTabsFromPagerAdapter(@Nullable final PagerAdapter adapter) {
        setPagerAdapter(adapter, false);
    }

 void setPagerAdapter(@Nullable final PagerAdapter adapter, final boolean addObserver) {
        .
        .
        .

        // Finally make sure we reflect the new adapter
        populateFromPagerAdapter();
    }

 void populateFromPagerAdapter() {
        removeAllTabs();//清除所有的tab，所以你如果在設(shè)置適配器之前addTab就是多余的了
    //這里在一次從adapter中g(shù)etPageTitle添加到tab
        if (mPagerAdapter != null) {
            final int adapterCount = mPagerAdapter.getCount();
            for (int i = 0; i < adapterCount; i++) {
                addTab(newTab().setText(mPagerAdapter.getPageTitle(i)), false);
            }

            // Make sure we reflect the currently set ViewPager item
            if (mViewPager != null && adapterCount > 0) {
                final int curItem = mViewPager.getCurrentItem();
                if (curItem != getSelectedTabPosition() && curItem < getTabCount()) {
                    selectTab(getTabAt(curItem));
                }
            }
        }
    }

• 不過(guò)可能有認(rèn)是跟我的步驟一步步敲下來(lái)的但是卻發(fā)現(xiàn)，麻痹，出現(xiàn)的效果是這樣的

錯(cuò)誤示范

• 所一還是重寫(xiě)TabFragmentAdapter中的getPageTitle方法吧

@Override
    public CharSequence getPageTitle(int position) {
        return mTitles.get(position);
    }

• 效果圖
  
  tablayout
  
  接下來(lái)貼一下代碼
• TabFragment

public class TabFragment extends Fragment {
    private String content;
    private View view;
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.item, container,false);
        return view;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        content = getArguments().getString("content");
        TextView tvContent = (TextView) view.findViewById(R.id.tv_tab_content);
        tvContent.setText(content + "");
    }
}

• TabFragmentAdapter

public class TabFragmentAdapter extends FragmentStatePagerAdapter {

    private List<Fragment> mFragments;
    private List<String> mTitles;

    public TabFragmentAdapter(FragmentManager fm, List<Fragment> fragments, List<String> titles) {
        super(fm);
        mFragments = fragments;
        mTitles = titles;
    }

    @Override
    public Fragment getItem(int position) {
        return mFragments.get(position);
    }

    @Override
    public int getCount() {
        return mFragments.size();
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return mTitles.get(position);
    }
}

• activity

 List<String> tabList = new ArrayList<>();
        tabList.add("Tab1");
        tabList.add("Tab2");
        tabList.add("Tab3");
        tabList.add("Tab5");
        tabList.add("Tab6");
        tabList.add("Tab7");
        tabLayout = (TabLayout)findViewById(R.id.tabs);
        //設(shè)置tab模式，MODE_FIXED是固定的，MODE_SCROLLABLE可超出屏幕范圍滾動(dòng)的
        tabLayout.setTabMode(TabLayout.MODE_SCROLLABLE);
        List<Fragment> fragmentList = new ArrayList<>();
        for (int i = 0; i < tabList.size(); i++) {
            Fragment f1 = new TabFragment();
            Bundle bundle = new Bundle();
            bundle.putString("content", "http://www.lxweimin.com/users/2229fd214880/latest_articles");
            f1.setArguments(bundle);
            fragmentList.add(f1);
        }
        TabFragmentAdapter fragmentAdapter = new TabFragmentAdapter(getSupportFragmentManager(), fragmentList, tabList);
        viewPager.setAdapter(fragmentAdapter);//給ViewPager設(shè)置適配器
        tabLayout.setupWithViewPager(viewPager);//將TabLayout和ViewPager關(guān)聯(lián)起來(lái)。
        tabLayout.setTabsFromPagerAdapter(fragmentAdapter);//給Tabs設(shè)置適配器