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

1.效果展示：

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);

}