<android.support.design.widget.TabLayout android:id="@+id/tabs" android:background="@color/search_bg_top" android:layout_width="match_parent"android:layout_height="wrap_content" app:tabIndicatorColor="@color/white" app:tabTextColor="@color/white" app:tabSelectedTextColor="@color/bg_gray" /><android.support.v4.view.ViewPager android:id="@+id/vp_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1.0" />

 private List<String> mTitleList=new ArrayList();//页卡标题集合private View view1, view2;//页卡视图private List<View> mViewList = new ArrayList();//页卡视图集合 private TabLayout mTabLayout; private ViewPager mViewPager; private LayoutInflater mInflater;
mViewPager = (ViewPager) findViewById(R.id.vp_view);
mTabLayout = (TabLayout) findViewById(R.id.tabs);

mInflater = LayoutInflater.from(this);view1 = mInflater.inflate(R.layout.search_data, null);
view2 = mInflater.inflate(R.layout.search_vp_chart, null);//添加页卡视图
mViewList.add(view1);
mViewList.add(view2);//添加页卡标题
mTitleList.add("数据");
mTitleList.add("图表");

mTabLayout.setTabMode(TabLayout.MODE_FIXED);//设置tab模式，当前为系统默认模式
mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(0)));//添加tab选项卡
mTabLayout.addTab(mTabLayout.newTab().setText(mTitleList.get(1)));

MyPagerAdapter mAdapter = new MyPagerAdapter(mViewList);
mViewPager.setAdapter(mAdapter);//给ViewPager设置适配器
mTabLayout.setupWithViewPager(mViewPager);//将TabLayout和ViewPager关联起来。
mTabLayout.setTabsFromPagerAdapter(mAdapter);//给Tabs设置适配器class MyPagerAdapter extends PagerAdapter {private List<View> mViewList;public MyPagerAdapter(List<View> mViewList) {this.mViewList = mViewList;}@Overridepublic int getCount() {return mViewList.size();//页卡数
        }@Overridepublic boolean isViewFromObject(View view, Object object) {return view == object;//官方推荐写法
        }@Overridepublic Object instantiateItem(ViewGroup container, int position) {container.addView(mViewList.get(position));//添加页卡return mViewList.get(position);}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {container.removeView(mViewList.get(position));//删除页卡
        }@Overridepublic CharSequence getPageTitle(int position) {return mTitleList.get(position);//页卡标题
        }}