Material Design 系列（4）—TabLayout&ViewPager&Fragment

转载请注明出处：
http://blog.csdn.net/user11223344abc?viewmode=contents
出自【蛟-blog】

1.效果展示：

这个控件比较简单，就不上Demo了，直接记录怎么用了。
另外本文内的代码，只是一个释意，并不能直接拿来用，请知悉。

2.布局：

  <LinearLayout
            android:id="@+id/express_have_data_root"
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <android.support.design.widget.TabLayout
                android:id="@+id/express_tablayout"
                android:background="@color/white"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

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

3.代码内的初始化：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_express_new);
        ButterKnife.bind(this);

        //页面，数据源
        List fragmentDatas = new ArrayList<>();
        fragmentDatas.add(new SendExpressFragment());
        fragmentDatas.add(new QueryOrderFragment());

        //ViewPager的适配器
        ExpressViewPagerAdapter adapter = new ExpressViewPagerAdapter(getSupportFragmentManager(), fragmentDatas);
        expressViewpager.setAdapter(adapter);
        expressTablayout.addTab(expressTablayout.newTab().setText(titles[0]));
        expressTablayout.addTab(expressTablayout.newTab().setText(titles[1]));

        //绑定
        expressTablayout.setupWithViewPager(expressViewpager);


    }