android 使用ViewPager实现左右滑动

android的左右滑动在实际编程经常能用到，比如查看多张图片，左右切换tab页。早期通用做法是使用ViewFlipper，自Android 3.0之后的SDK中提供了android-support-v4包用以实现版本兼容，让老版本系统下的应用通过加入jar包实现扩展，其中有一个可以实现左右滑动的类ViewPager。

ViewPager的使用类似于ListView，需要有对应的Adapter进行数据绑定，实现图片切换仅需要继承PaperAdapter就可以了。

 

ViewPager类提供了多界面切换的新效果。新效果有如下特征：

[1] 当前显示一组界面中的其中一个界面。

[2] 当用户通过左右滑动界面时，当前的屏幕显示当前界面和下一个界面的一部分。

[3]滑动结束后，界面自动跳转到当前选择的界面中

下面举例来具体说明左右滑动的实现:

先来看布局文件:

<RelativeLayoutxmlns: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.support.v4.view.ViewPager        android:id="@+id/viewpager"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:layout_below="@id/pl"        android:layout_centerVertical="true"        /></RelativeLayout>

 

然后看代码部分:

publicclass AndroidDemoextends Activity {    ViewPager vp;    ProgramItemLayout pl;    TextView titile;    private List<ImageView>views;    privateint[]image ={R.drawable.ie6,R.drawable.ie7,R.drawable.ie8,R.drawable.ie9};    @Override    publicvoid onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        vp = (ViewPager) findViewById(R.id.viewpager);        views =new ArrayList<ImageView>();               for(int i = 0; i<image.length ; i++){           ImageView iv = new ImageView(AndroidDemo.this);           LayoutParams lp = new LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);           iv.setLayoutParams(lp);           iv.setBackgroundResource(image[i]);           views.add(iv);       }       vp.setAdapter(new ViewPagerAdapter(views));    }     publicclass ViewPagerAdapterextends PagerAdapter{        private List<ImageView>views;        public ViewPagerAdapter(List<ImageView> views) {           this.views = views;       }        @Override       publicvoid destroyItem(View container,int position, Object arg2) {           //TODO Auto-generated method stub           ((ViewPager)container).removeView(views.get(position));        }        @Override       publicvoid finishUpdate(View arg0) {           //TODO Auto-generated method stub                  }        @Override       publicint getCount() {           //TODO Auto-generated method stub           returnviews.size();       }        @Override       public Object instantiateItem(View arg0,int arg1) {           ((ViewPager) arg0).addView(views.get(arg1), 0);           returnviews.get(arg1);       }        @Override       publicboolean isViewFromObject(View arg0, Object arg1) {           //TODO Auto-generated method stub           return arg0 == (arg1);       }        @Override       publicvoid restoreState(Parcelable arg0, ClassLoader arg1) {           //TODO Auto-generated method stub                  }        @Override       public Parcelable saveState() {           //TODO Auto-generated method stub           returnnull;       }        @Override       publicvoid startUpdate(View arg0) {           //TODO Auto-generated method stub                  }            }    }

 

滑动时效果如下: