viewPager和TabLayout使用

//布局 <!-- app:tabIndicatorColor="#00f" tab底部选中的颜色标识
app:tabIndicatorHeight="4dp" 标识的高度
app:tabSelectedTextColor="#00f" 选中tab文字的颜色
app:tabTextColor="#000" 没有选中tab文字的颜色
-->
<android.support.design.widget.TabLayout
android:id="@+id/tabs"
android:layout_height="wrap_content"
android:layout_width="match_parent"
app:tabIndicatorColor="#00f"
app:tabIndicatorHeight="4dp"
app:tabSelectedTextColor="#00f"
app:tabTextColor="#000"></android.support.design.widget.TabLayout>

<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_height="0dp"
android:layout_weight="1"
android:layout_width="match_parent"></android.support.v4.view.ViewPager>//代码public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
private String[] str = new String[]{"商品","评价","商家"};
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
Fragment fragment = null;
switch (position){
case 0:
fragment = new GoodsFragment();
break;
case 1:
fragment = new SuggestFragment();
break;
case 2:
fragment = new SellerFragment();
break;
}
return fragment;
}

@Override
public int getCount() {
return str.length;
}

//指定tab中文本方法
@Override
public CharSequence getPageTitle(int position) {
return str[position];
}
}
//设置数据 Activity中是getFragmentManager()<==>Fragment中是getSupportFragmentManaager(),否则
不显示数据 //viewpager设置上数据适配器

MyFragmentPagerAdapter myFragmentPagerAdapter
= new MyFragmentPagerAdapter(getSupportFragmentManager());
vp.setAdapter(myFragmentPagerAdapter);
//让tabLayout和viewpager进行绑定
tabs.setupWithViewPager(vp);