Android中ViewPager和PagerAdapter的简单使用

需求

使用ViewPager和PagerAdapter简单的做一个当前界面横向滑动可以切换图片的功能。

布局

activity.xml布局文件只要加入ViewPager和TextView控件即可

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.ViewPager
        android:id="@+id/operation_viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/image_index_of_total"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:padding="20dp"
        android:text="0/0"
        android:textColor="@color/white"
        android:textSize="24sp" />

RelativeLayout>

代码

代码的一些初始化

	private ViewPager viewPager;
    private PagerAdapter pagerAdapter;
    private int[] resArray;
    private TextView indexOfTotalTV;

	private void initDatas()
    {
        resArray =
                new int[]{R.drawable.e1, R.drawable.e2, R.drawable.e3, R.drawable.e4, R.drawable.e5,
                        R.drawable.e6, R.drawable.e7, R.drawable.e8, R.drawable.e9, R.drawable.e10,
                        R.drawable.e11, R.drawable.e12, R.drawable.e13, R.drawable.e14,
                        R.drawable.e15};
        total = resArray.length;
    }
	private void initView()
    {
        indexOfTotalTV = (TextView) findViewById(R.id.image_index_of_total);
        viewPager = (ViewPager) findViewById(R.id.operation_viewpager);
        initPageAdapter();
    }

PagerAdapter的初始化

private void initPageAdapter()
    {
        pagerAdapter = new PagerAdapter()
        {
            //获取当前界面个数
            @Override
            public int getCount()
            {
                return resArray.length;
            }

            //判断是否由对象生成页面
            @Override
            public boolean isViewFromObject(View view, Object object)
            {
                return view == object;
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object)
            {
                container.removeView((View) object);
            }

            //返回一个对象
            @Override
            public Object instantiateItem(ViewGroup container, int position)
            {
                ImageView imageView = new ImageView(OperationActivity.this);
                imageView.setImageResource(resArray[position]);
                container.addView(imageView);
                return imageView;
            }
        };
        viewPager.setAdapter(pagerAdapter);
        viewPager.setOnPageChangeListener(new GuidePageChangeListener());
        // 默认
        viewPager.setCurrentItem(0);
        indexOfTotalTV.setText(1 + "/" + total);
    }

监听page变化，显示index

public class GuidePageChangeListener implements ViewPager.OnPageChangeListener
    {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels)
        {
        }

        //页面滑动完成后执行
        @Override
        public void onPageSelected(int position)
        {
            indexOfTotalTV.setText(position + 1 + "/" + total);
        }

        //监听页面的状态，0--静止  1--滑动   2--滑动完成
        @Override
        public void onPageScrollStateChanged(int state)
        {
        }
    }