android 使用ViewPager实现左右滑动

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

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

 

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

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

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

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

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

先来看布局文件:

<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.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

           

       }

        

    }

    

}

 

滑动时效果如下: