關於TabLayout+ViewPager的用法

安卓在5.0之後提出的Mertieral Design，我現在主流的佈局習慣主要是TabLayou+ViewPager（Fragment）

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

首先添加依賴庫；
然後直接上佈局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.design.widget.TabLayout
        android:id="@+id/activity_main_tab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorColor="@color/colorAccent"
        app:tabSelectedTextColor="@color/colorAccent"
        app:tabTextColor="@color/colorAccent" />

    <android.support.v4.view.ViewPager
        android:id="@+id/activity_main_vp"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

app:tabIndicatorColor=”@color/colorAccent” 這個主要是設置tab的下劃線的顏色。
app:tabSelectedTextColor=”@color/colorAccent” 這個主要是設置選擇後字體的顏色。
app:tabTextColor=”@color/colorAccent” 這個是設置字體的顏色。

下面就是activity的代碼：（注意：一定要是v4包下的fragment）

public class MainActivity extends AppCompatActivity {
    private TabLayout activity_main_tab;
    private ViewPager activity_main_vp;
    //title
    private List<String> title = new ArrayList<>();
    //fragment的界面
    private List<Fragment> fragments = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    //初始化控件
    public void initView() {
        activity_main_tab = (TabLayout) findViewById(R.id.activity_main_tab);
        activity_main_vp = (ViewPager) findViewById(R.id.activity_main_vp);
        //設置tab鋪滿
        activity_main_tab.setTabMode(TabLayout.MODE_FIXED);
        //增加界面
        fragments.add(new MainNumbFragment());
        fragments.add(new MainQRcordFragment());
        fragments.add(new MainIdentifyFragment());
        fragments.add(new MainChuanFragment());
        //增加標題
        title.add("驗證碼");
        title.add("二維碼");
        title.add("身份證");
        title.add("傳真件");

        MyPagerAdapt myPagerAdapt = new MyPagerAdapt(getSupportFragmentManager(), fragments);
        activity_main_vp.setAdapter(myPagerAdapt);
        //將TabLayout和ViewPager關聯起來（setupWithViewPager必須在setAdapter之後調用）
        //否則將拋出異常（IllegalArgumentException）
        activity_main_tab.setupWithViewPager(activity_main_vp);
        //給tabs設置適配器
        activity_main_tab.setTabsFromPagerAdapter(myPagerAdapt);
    }

    /**
     * 適配器
     */
    public class MyPagerAdapt extends FragmentPagerAdapter {
        private List<Fragment> fragments;

        public MyPagerAdapt(FragmentManager fm, List<Fragment> fragments) {
            super(fm);
            this.fragments = fragments;
        }

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

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

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

fragment就不貼出來了，很簡單都是一樣的。