TabLayout的簡單使用

1、添加庫

compile 'com.android.support:design:25.1.0'

2、添加布局

<android.support.design.widget.TabLayout
    android:id="@+id/id_tablayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    />

    <!-- 其他屬性：
    改變選中字體的顏色
    app:tabSelectedTextColor="@android:color/holo_orange_light"

     改變未選中字體的顏色
     app:tabTextColor="@color/colorPrimary"

     改變指示器下標的顏色
     app:tabIndicatorColor="@android:color/holo_orange_light"

     改變整個TabLayout的顏色
     app:tabBackground="color"

     設置文字的外貌
     app:tabTextAppearance="@android:style/TextAppearance.Holo.Large"

     設置指示器下標的厚度
     app:tabIndicatorHeight="4dp"

     當Tab很多時，如此設置即可滑動
     app:tabMode="scrollable"  （默認是鋪滿 FIXED）

     設置tab顯示模式 此為居中，如果是fill，則是充滿
     app:tabGravity="center"

     設置最大的tab寬度
     app:tabMaxWidth="xxdp"

     最小的tab寬度
     app:tabMinWidth="xxdp"


    -->

注意：需要將主題設置為android:theme="@style/Theme.AppCompat"

3、findViewById實例化后，添加tab

方法一：

通過TabLayout的addTab()方法添加新構建的Tab實例到TabLayout中：

tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));

方法二：

通過viewPager結合使用

tabLayout.setupWithViewPager(viewPager);

//將viewpager直接綁定到tablayout上即可，viewpager有幾個頁面就有幾個tab

//設置tab上的標題可以
tabLayout.getTabAt(i).setText(tabs[i]);

//也可以在 FragmentPagerAdapter 上重寫方法 public CharSequence getPageTitle(int position)

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