Fragment+ViewPager实现滑动换页

先看效果图：

虽然TabHost可以做出这样的效果，但是TabHost不能实现换页，这里用Fragment+ViewPager实现。
**1、在res/layout中新建每个自定义fragment的内容fragment1.xml……
2、在java代码中新建fragment1的类，并让其继承Fragment.要注意这里使用的是import android.support.v4.app.Fragment;的包，导入错了得不到想要的效果的。**

public class Fragment1Activity extends Fragment {    @Nullable    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        return inflater.inflate(R.layout.activity_fragment1,container,false);    }

**类似的为fragment2.xml和fragment3.xml建立对应的类。
3、在主页面的.xml中加入ViewPager和fragment的标签。**

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">    <android.support.v4.view.ViewPager        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:id="@+id/viewPager">        <android.support.v4.view.PagerTabStrip            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/pagerTab">            <fragment android:layout_height="fill_parent"                android:layout_width="fill_parent"                android:name="mhwang.com.fragmentandviewpager.Fragment1Activity">            </fragment>        </android.support.v4.view.PagerTabStrip>    </android.support.v4.view.ViewPager></RelativeLayout>

4、建立自已的适配器类，继承自FragmentPagerAdapter需要实现以下几个方法。

/**     *     * 自定义适配器     * **/  public class MyAdapter extends FragmentPagerAdapter{      public MyAdapter(FragmentManager fm) {          super(fm);      }      @Override      public Fragment getItem(int i) {          return fragments.get(i);      }      @Override      public int getCount() {          return fragments.size();      }      @Override      public CharSequence getPageTitle(int position) {          return titles.get(position);      }  }

5、在主页面的Activity中继承FragmentActivity,并创建Fragment的数据集和标题集。

public class MainActivity extends FragmentActivity {    private List<Fragment> fragments = new ArrayList<Fragment>();   //碎片列表    private List<String> titles = new ArrayList<String>();      //标题列表    private ViewPager viewPager;    //viewPager控件    private PagerTabStrip tabStrip; //PagerTabStrip控件    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        init();    }    private void init(){        viewPager = (ViewPager)findViewById(R.id.viewPager);        tabStrip = (PagerTabStrip)findViewById(R.id.pagerTab);        Fragment1Activity fragment1 = new Fragment1Activity();        Fragment2Activity fragment2 = new Fragment2Activity();        Fragment3Activity fragment3 = new Fragment3Activity();        //将自定义的fragment放进列表        fragments.add(fragment1);        fragments.add(fragment2);        fragments.add(fragment3);        titles.add("碎片1");        titles.add("碎片2");        titles.add("碎片3");        //设置上方滑动条的属性        tabStrip.setTabIndicatorColor(Color.RED);        tabStrip.setBackgroundColor(Color.BLUE);        tabStrip.setTextColor(Color.WHITE);        viewPager.setBackgroundColor(Color.GRAY);        viewPager.setAdapter(new MyAdapter(getSupportFragmentManager()));    }

以下是实现的动态图：