android开发之ViewPager的使用

ViewPager的使用

ViewPager是谷歌官方给我们提供的一个兼容低版本安卓设备的软件包，里面包囊了只有在安卓3.0以上可以使用的api。而viewpager就是其中之一利用它，我们可以做很多事情，从最简单的导航，到页面菜单等等。那如何使用它呢，与ListView类似，我们也需要一个适配器，他就是PagerAdapter。

• ViewPager类直接继承了ViewGroup类，所有它是一个容器类，可以在其中添加其他的View类。
• ViewPager类需要一个PagerAdapter适配器类给它提供数据。
• ViewPager经常和Fragment一起使用，并且提供了专门的FragmentPagerAdapter和
• FragmentStatePagerAdapter类供Fragment中的ViewPager使用。

ViewPager的功能就是可以使视图滑动，就像Lanucher左右滑动那样。分三个步骤来使用它：

• 
  
• 1.在住布局文件里加入
• 2.加载要显示的页卡
• 3.在Activity里实例化ViewPager组件，并设置它的Adapter（就是PagerAdapter，方法与
  ListView一样的），在这里一般需要重写PagerAdapter。
  当你实现一个PagerAdapter,你必须至少覆盖以下方法:
  

• 1. instantiateItem(ViewGroup, int) //返回视图对象
     
• 1. destroyItem(ViewGroup, int, Object) //销毁视图对象
     
• 1. getCount() //视图个数
     
     1. isViewFromObject(View, Object) //一般传入arg0==arg1.用来判断两个
        视图是否是等价的

XML配置

• android.support.v4.view.ViewPager
  android:id=”@+id/viewpager”
  android:layout_width=”wrap_content”
  android:layout_height=”wrap_content”
  android.support.v4.view.ViewPager

监听事件

• viewpager.setOnPageChangeListener(new OnPageChangeListener() {
  @Override
  public void onPageSelected(int arg0) {
  //当页面选中时
  }
  @Override
  public void onPageScrolled(int arg0, float arg1, int arg2)
  {
  //arg0 当前页
  //arg1 移动页百分比
  //arg2 移动像素点
  }
  @Override
  public void onPageScrollStateChanged(int arg0) {
  //滑动状态改变
  }
  });

PagerTitleStrip

PagerTitleStrip是ViewPager的一个关于当前页面、上一个页面和下一个页面的一个非交互的指示器。它经常作为ViewPager控件的一个子控件被被添加在XML布局文件中。在你的布局文件中，将它作为子控件添加在ViewPager中。而且要将它的 android:layout_gravity 属性设置为 TOP 或 BOTTOM来将它显示在ViewPager的顶部或底部。每个页面的标题是通过适配器的 getPageTitle(int) 函数提供给ViewPager的。

PagerTabStrip

PagerTabStrip与PagerTitleStrip类似,只有两点不同

• PagerTabStrip在当前页面下，会有一个下划线条来提示当前页面的Tab是哪个。
• PagerTabStrip的Tab是可以点击的，当用户点击某一个Tab时，当前页面就会跳转到这个
  页面，而PagerTitleStrip则没这个功能。

viewpager+TabLayout 简单应用：

首先添加依赖： compile ‘com.android.support:design:24.2.1’
MD 风格是5.0版本后才有的所以需要在5.0版本以上的手机测试：
1.布局文件：

• android.support.design.widget.TabLayout
  android:id=”@+id/tablayout”
  android:layout_width=”match_parent”
  android:layout_height=”wrap_content”

• android.support.v4.view.ViewPager
  android:id=”@+id/vp”
  android:layout_width=”match_parent”
  android:layout_height=”match_parent”

2.Java代码：

• protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  TabLayout tb = (TabLayout) findViewById(R.id.tablayout);
  ViewPager vp = (ViewPager) findViewById(R.id.vp);
  vp.setAdapter(new MyPagerAdapter());
  tb.setupWithViewPager(vp);
  }
  class MyPagerAdapter extends PagerAdapter {
  List views = new ArrayList<>();
  public MyPagerAdapter() {
  for (int i = 0; i < 4; i++) {
  View view = new View(getBaseContext());
  view.setBackgroundColor(Color.rgb((int) (Math.random() * 256), (int) (Math.random() * 256), (int) (Math.random() * 256)));
  views.add(view);
  }
  }
  @Override
  public int getCount() {
  return 4;
  }
  @Override
  public boolean isViewFromObject(View view, Object object) {
  return view == object;
  }
  @Override
  public Object instantiateItem(ViewGroup container, int position) {
  container.addView(views.get(position));
  return views.get(position);
  }
  @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
  container.removeView(views.get(position));
  }
  @Override
  public CharSequence getPageTitle(int position) {
  return “第” + position + “页”;
  }
  }