效果图示例：
1、res/layout下只有一个activity_main.xml布局
activity_main.xml布局
代码
<RelativeLayout xmlns:android="" xmlns:tools="" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="${relativePackage}.${activityClass}" >
<android.support.v4.view.ViewPager
android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" ><android.support.v4.view.PagerTabStrip
android:id="@+id/pagerTabStrip" android:layout_width="match_parent" android:layout_height="wrap_content" /> </android.support.v4.view.ViewPager></RelativeLayout>
=============================
2、源文件有2个一个MainActivity.java一个PagerFragment.java
PagerFragment.java类 代码
public class PagerFragment extends Fragment {
private int tabIndex;
@Override public void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); tabIndex = getArguments().getInt("tabIndex"); } @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { TextView text = new TextView(getActivity()); switch(tabIndex){ case 0: text.setText("记录"); break; case 1: text.setText("联系人"); break; case 2: text.setText("收藏夹"); break; case 3: text.setText("群组"); break; } return text; }}
=====================
3、MainActivity类 代码
public class MainActivity extends FragmentActivity {
private ViewPager viewPager;
private PagerTabStrip pagerTabStrip; private List<Fragment> list; private String[] titels = {"记录","联系人","收藏夹","群组"}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); this.viewPager = (ViewPager) this.findViewById(R.id.viewPager); this.pagerTabStrip = (PagerTabStrip) this.findViewById(R.id.pagerTabStrip); //设置PagerTabStrip样式 pagerTabStrip.setTextColor(Color.WHITE);//字体颜色 pagerTabStrip.setBackgroundColor(Color.GRAY);//背景颜色 pagerTabStrip.setDrawFullUnderline(true);//下划线 pagerTabStrip.setTabIndicatorColor(Color.CYAN);//下划线颜色 pagerTabStrip.setTextSpacing(30);//每个tab间隔 list = new ArrayList<Fragment>(); for(int i = 0;i<titels.length;i++){ PagerFragment fragment = new PagerFragment(); Bundle bundle = new Bundle(); bundle.putInt("tabIndex", i); fragment.setArguments(bundle); list.add(fragment); } viewPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(),list)); } class MyFragmentPagerAdapter extends FragmentPagerAdapter{private List<Fragment> list;
public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) { super(fm); // TODO Auto-generated constructor stub this.list = list; }@Override
public Fragment getItem(int position) { // TODO Auto-generated method stub return this.list.get(position); }@Override
public int getCount() { // TODO Auto-generated method stub return this.list.size(); } @Override//设置tab标题 并且和ViewPager关联 public CharSequence getPageTitle(int position) { // TODO Auto-generated method stub return titels[position]; } }}