现在的位置: 首页 > 综合 > 正文

Android ViewPager使用详解

2013年11月28日 ⁄ 综合 ⁄ 共 4015字 ⁄ 字号 评论关闭

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

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

  1.在住布局文件里加入

[html] view
plain
copy

  1. <android.support.v4.view.ViewPager    这个组件,注意这个组件是用来显示左右滑动的界面的,如果不加载xml布局文件,他是不会显示内容的。  
  2.         android:id="@+id/viewpager"  
  3.         android:layout_width="wrap_content"  
  4.         android:layout_height="wrap_content"  
  5.         android:layout_gravity="center" >  

 2.加载要显示的页卡,

[java] view
plain
copy

  1. LayoutInflater lf = getLayoutInflater().from(this);  
  2.         view1 = lf.inflate(R.layout.layout1, null);  
  3.         view2 = lf.inflate(R.layout.layout2, null);  
  4.         view3 = lf.inflate(R.layout.layout3, null);  
  5.   
  6.         viewList = new ArrayList<View>();// 将要分页显示的View装入数组中  
  7.         viewList.add(view1);  
  8.         viewList.add(view2);  
  9.         viewList.add(view3);  

 3.在Activity里实例化ViewPager组件,并设置它的Adapter(就是PagerAdapter,方法与ListView一样的),在这里一般需要重写PagerAdapter。

[java] view
plain
copy

  1. PagerAdapter pagerAdapter = new PagerAdapter() {  
  2.   
  3.             @Override  
  4.             public boolean isViewFromObject(View arg0, Object arg1) {  
  5.   
  6.                 return arg0 == arg1;  
  7.             }  
  8.   
  9.             @Override  
  10.             public int getCount() {  
  11.   
  12.                 return viewList.size();  
  13.             }  
  14.   
  15.             @Override  
  16.             public void destroyItem(ViewGroup container, int position,  
  17.                     Object object) {  
  18.                 container.removeView(viewList.get(position));  
  19.   
  20.             }  
  21.   
  22.             @Override  
  23.             public int getItemPosition(Object object) {  
  24.   
  25.                 return super.getItemPosition(object);  
  26.             }  
  27.   
  28.             @Override  
  29.             public CharSequence getPageTitle(int position) {  
  30.   
  31.                 return titleList.get(position);  
  32.             }  
  33.   
  34.             @Override  
  35.             public Object instantiateItem(ViewGroup container, int position) {  
  36.                 container.addView(viewList.get(position));  
  37.                 weibo_button=(Button) findViewById(R.id.button1);  
  38.                 weibo_button.setOnClickListener(new OnClickListener() {  
  39.                       
  40.                     public void onClick(View v) {  
  41.                         intent=new Intent(ViewPagerDemo.this,WeiBoActivity.class);  
  42.                         startActivity(intent);  
  43.                     }  
  44.                 });  
  45.                 return viewList.get(position);  
  46.             }  
  47.   
  48.         };  
  49.         viewPager.setAdapter(pagerAdapter);  

  这是重写PagerAdapter的一个方法,我们还可以这样做:

[java] view
plain
copy

  1. public class MyViewPagerAdapter extends PagerAdapter{  
  2.         private List<View> mListViews;  
  3.           
  4.         public MyViewPagerAdapter(List<View> mListViews) {  
  5.             this.mListViews = mListViews;//构造方法,参数是我们的页卡,这样比较方便。  
  6.         }  
  7.   
  8.         @Override  
  9.         public void destroyItem(ViewGroup container, int position, Object object)   {     
  10.             container.removeView(mListViews.get(position));//删除页卡  
  11.         }  
  12.   
  13.   
  14.         @Override  
  15.         public Object instantiateItem(ViewGroup container, int position) {  //这个方法用来实例化页卡         
  16.              container.addView(mListViews.get(position), 0);//添加页卡  
  17.              return mListViews.get(position);  
  18.         }  
  19.   
  20.         @Override  
  21.         public int getCount() {           
  22.             return  mListViews.size();//返回页卡的数量  
  23.         }  
  24.           
  25.         @Override  
  26.         public boolean isViewFromObject(View arg0, Object arg1) {             
  27.             return arg0==arg1;//官方提示这样写  
  28.         }  
  29.     }  

  大同小异,有一定很重要,就是我们需要重写哪些方法。从上面的图片可以看到,ViewPager的适配器是PagerAdapter,它是基类提供适配器来填充页面ViewPager内部,你很可能想要使用一个更具体的实现,如FragmentPagerAdapter或FragmentStatePagerAdapter。在这里需要说明一下,其实ViewPager应该和Fragment一起使用,至少谷歌官方是这么想的,但是在3.0之下,我们没有必要这么做。下面要注意,当你实现一个PagerAdapter,你必须至少覆盖以下方法:

  从上面的例子中可以看到,我们最少也是实现了上面四个方法,当然如果你想让程序更健壮或是功能更全面,你可以重写其他的方法。下面看一下第一个完整的示例代码:

  主页面Activity:

抱歉!评论已关闭.