【ViewPager的学习】一、简单使用

来源：互联网发布：德军总部新巨人知乎编辑：程序博客网时间：2024/06/04 19:42

ViewPager就不多介绍，主要用于手机引导页面、软件导航、轮播图片等情况。

使用它需要引用一个库：android-support-v4.jar，add to build path。

同ListView一样，它也需要设置Adapter管理数据。

首先通过一个ViewPager使用的简单例子开始ViewPager的学习：

<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:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <android.support.v4.view.ViewPager        android:id="@+id/viewpager"        android:layout_width="match_parent"        android:layout_height="200dp" />    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_alignBottom="@id/viewpager"        android:background="#33000000"        android:orientation="vertical" >        <TextView            android:id="@+id/image_desc"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:gravity="center"            android:text="@string/app_name"            android:textColor="@android:color/white"            android:textSize="18sp" />        <LinearLayout            android:id="@+id/point_group"            android:layout_width="wrap_content"            android:layout_gravity="center_horizontal"            android:layout_height="wrap_content"            android:orientation="horizontal" >        </LinearLayout>    </LinearLayout></RelativeLayout>

Activity:

public class MainActivity extends Activity {private ViewPager viewPager;// 图片资源IDprivate final int[] imageIds = { R.drawable.a, R.drawable.b, R.drawable.c,R.drawable.d, R.drawable.e };private ArrayList<ImageView> imageList;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        viewPager = (ViewPager) findViewById(R.id.viewpager);          imageList = new ArrayList<ImageView>();                for (int i = 0; i < imageIds.length; i++) {        ImageView im = new ImageView(this);im.setBackgroundResource(imageIds[i]);imageList.add(im);}//同ListView一样，ViewPager也需要Adapter管理数据        viewPager.setAdapter(new MyAdapter());            }/***自定义Adapter，必须实现这4个方法*/    private class MyAdapter extends PagerAdapter{    /**     * 返回viewPager元素数量     */@Overridepublic int getCount() {return imageList.size();}/** * 实例化一个元素 */@Overridepublic Object instantiateItem(ViewGroup container, int position) {container.addView(imageList.get(position));//container = imageIds[position];//return super.instantiateItem(container, position);return imageList.get(position);}    /** * 判断是否相等 */@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {// TODO 自动生成的方法存根return arg0 == (View)arg1;}/** * 销毁元素 */@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {// TODO 自动生成的方法存根container.removeView((View) object);object = null;}    }   }

这样，ViewPager的简单demo就完成了，效果如下：

【ViewPager的学习】二、添加图片描述及指示点动态改变

【ViewPager的学习】三、实现自动循环切换

0 0