Android应用中利用ViewPager实现多页面滑动切换效果示例

2019-12-10 18:38:43王振洲
易采站长站为您分析Android应用中利用ViewPager实现多页面滑动切换效果示例,配合了Fragment和PagerTabStrip,需要的朋友可以参考下  

1、添加android support包
因为上面的几个类都是在android support包中才提供,我们先添加包。
在Eclipse->Window->Android SDK Manager,选择列表中Extras->Android Support Library进行安装。下载完后在android-sdkextrasandroidsupport目录下,这里我们选择v4版本,进入v4目录,拷贝其中的android-support-v4.jar文件到工程的libs目录(若没有新建)下即可,编译时ADT会自动将其导入项目中。

2、新建ViewPager的layout,内容如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://www.easck.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
  
  <android.support.v4.view.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center" >
    <android.support.v4.view.PagerTabStrip  
      android:layout_width="wrap_content"  
      android:layout_height="wrap_content"  
      android:layout_gravity="top" />
  </android.support.v4.view.ViewPager>
</LinearLayout>

ViewPager用来管理layout并可以左右滑动显示各个页面数据,PagerTabStrip用来显示页面title,android:layout_gravity="top"表示title在顶部,可设置bottom等。

 

3、新建FragmentActivity页面
FragmentActivity页面含有ViewPager元素,可以用来显示Fragment,定义如下:

public class ViewPagerDemo extends FragmentActivity {

  /** 页面list **/
  List<Fragment> fragmentList = new ArrayList<Fragment>();
  /** 页面title list **/
  List<String>  titleList  = new ArrayList<String>();

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.view_pager_demo);

    ViewPager vp = (ViewPager)findViewById(R.id.viewPager);
    fragmentList.add(new ViewPagerFragment1("页面1"));
    fragmentList.add(new ViewPagerFragment1("页面2"));
    fragmentList.add(new ViewPagerFragment1("页面3"));
    titleList.add("title 1 ");
    titleList.add("title 2 ");
    titleList.add("title 3 ");
    vp.setAdapter(new myPagerAdapter(getSupportFragmentManager(), fragmentList, titleList));
  }

  /**
   * 定义适配器
   */
  class myPagerAdapter extends FragmentPagerAdapter {

    private List<Fragment> fragmentList;
    private List<String>  titleList;

    public myPagerAdapter(FragmentManager fm, List<Fragment> fragmentList, List<String> titleList){
      super(fm);
      this.fragmentList = fragmentList;
      this.titleList = titleList;
    }

    /**
     * 得到每个页面
     */
    @Override
    public Fragment getItem(int arg0) {
      return (fragmentList == null || fragmentList.size() == 0) ? null : fragmentList.get(arg0);
    }

    /**
     * 每个页面的title
     */
    @Override
    public CharSequence getPageTitle(int position) {
      return (titleList.size() > position) ? titleList.get(position) : "";
    }

    /**
     * 页面的总个数
     */
    @Override
    public int getCount() {
      return fragmentList == null ? 0 : fragmentList.size();
    }
  }
}