Android ViewPager

一、ViewPager简单介绍

素材和参考文章：http://blog.csdn.net/xiaanming/article/details/8966621

ViewPager在应用中使用的非常广泛，也是一个AdapterView在使用在需要使用适配器PagerAdapter。ViewPager在更新的时候使用了回调删除的机制。ViewPager将每一个页面与一个关键对象Object相关联，而不是直接使用其中的view对象；一般简单实现时，使用page Views作为关键对象key Object，从instantiateItem方法中返回的值。

在实现PagerAdapter适配器时都有重现其中的四个方法：

• instantiateItem(ViewGroup, int)
• destroyItem(ViewGroup, int, Object)
• getCount()
• isViewFromObject(View, Object)

PagerAdapter中最多会保存3个page view的引用，初始化先保存2个，当向左划动一次，这时才添加第三个。再向左滑到时，会先删除对第一个的引用，然后添加向后一个的引用。当我们向右边滑到查看前面一个的时候，会先添加对第一个的引用，然后删除最后一个的引用。以达到只保存三个引用的效果。

3张图片循环报错的情况：

所以但我们只有3张图片时要实现循环滚动，如果一直是向左边滑动这是没有问题的。但是如果向右滑动查看前面一张图片的时候会报错。java.lang.IllegalStateException: The specified child already has a parent. You must call removeView() on the child's parent first.因为这时要先添加后删除，但是添加上去的view这时已经是有parent的。所以我们需要先进行手动删除，详细见代码部分。如果只有两张的情况下，继续使用这种方法会先出现空白在出图片，效果不好。只有两张，建议去掉循环功能；

/** * 素材和参考文章：http://blog.csdn.net/xiaanming/article/details/8966621 * 官网上的viewPage类介绍：http://developer.android.com/reference/android/support/v4/view/ViewPager.html * PagerAdapter:http://developer.android.com/reference/android/support/v4/view/PagerAdapter.html */import com.sjc.myproject.R;import android.app.Activity;import android.os.Bundle;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.util.Log;import android.view.View;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.LinearLayout.LayoutParams;public class SjcViewPageActivity extends Activity implements OnPageChangeListener{private ViewPager viewPage;// 装ImageView数组     private ImageView[] mImageViews;      // 图片资源id     private int[] imgIdArray ;         //图片位置提示    private ImageView[] tips;          private int currentSelectedIndex;        private LinearLayout viewGroup;protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_viewpage);initData();viewPage = (ViewPager) findViewById(R.id.viewpage);viewGroup = (LinearLayout) findViewById(R.id.viewGroup);setIndicator();viewPage.setAdapter(new MyAdapter());viewPage.setOnPageChangeListener(this);}private void initData() {currentSelectedIndex = 0;imgIdArray = new int[]{R.drawable.item01, R.drawable.item02, R.drawable.item03,R.drawable.item04, R.drawable.item05, R.drawable.item06, R.drawable.item07, R.drawable.item08};mImageViews = new ImageView[imgIdArray.length];for(int i=0,  length = imgIdArray.length; i<length; i++) {ImageView imageView = new ImageView(this);imageView.setBackgroundResource(imgIdArray[i]);mImageViews[i] = imageView;}tips = new ImageView[imgIdArray.length]; for(int i=0,  length = imgIdArray.length; i<length; i++) {ImageView imageView = new ImageView(this); tips[i] = imageView; if(i == currentSelectedIndex){                  tips[i].setBackgroundResource(R.drawable.page_indicator_focused);              }else{                  tips[i].setBackgroundResource(R.drawable.page_indicator_unfocused);              }  }}//设置位置指示private void setIndicator() {LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  layoutParams.leftMargin = 10;layoutParams.rightMargin = 10;for(int i =0, length = tips.length; i<length; i++) {viewGroup.addView(tips[i], layoutParams);}}private void exchangeIndecator(int selecteIndex) {tips[currentSelectedIndex].setBackgroundResource(R.drawable.page_indicator_unfocused);tips[selecteIndex].setBackgroundResource(R.drawable.page_indicator_focused);currentSelectedIndex = selecteIndex;}//PagerAdapter=============================class MyAdapter extends PagerAdapter{//返回ViewPager可以显示的总数，如果大于这个数，这ViewPager不会调用相关的方法进行显示，//会多次调用，//一般如果不需要进行界面的循环显示，则返回实际的显示数量如：return imgIdArray.length；就不会出现从最后一张返回第一张的功能。public int getCount() {//Log.d("TAG", "MyAdapter --> getCount");if(mImageViews.length <= 2) {return mImageViews.length;}return Integer.MAX_VALUE; }//用来确定一个界面是否于instantiateItem（）返回的key Object相关联//只有返回值为true时，才会显示界面public boolean isViewFromObject(View arg0, Object arg1) {//Log.v("TAG", "MyAdapter --> isViewFromObject");return arg0 == arg1;}//删除view page界面//container 包含viewpage 的容器//position:需要删除的viewpage 的位置//object:从instantiateItem(View container, int position)返回的对象public void destroyItem(View container, int position, Object object) {if(mImageViews.length > 3) {Log.e("TAG", "MyAdapter --> destroyItem position = " + position% mImageViews.length);//为了你能循环显示mImageViews[position % mImageViews.length]((ViewPager)container).removeView(mImageViews[position % mImageViews.length]);}}//为给定的位置创建viewpagepublic Object instantiateItem(View container, int position) {Log.i("TAG", "MyAdapter --> instantiateItem position = " + position% mImageViews.length);if(mImageViews[position % mImageViews.length].getParent() != null) {((ViewPager)container).removeView(mImageViews[position % mImageViews.length]);}((ViewPager)container).addView(mImageViews[position % mImageViews.length], 0);return mImageViews[position % mImageViews.length];}}//OnPageChangeListener============//滚动状态发生改变时会调用此方法//参数state：代表滚动的状态；//有三个常量来定义滚动状态： SCROLL_STATE_IDLE 0、SCROLL_STATE_DRAGGING 1、SCROLL_STATE_SETTLING 2//0:无滚动闲置状态//1:用户正在开始拖拽界面//2:界面正在进行调整其已经确定的最终位置public void onPageScrollStateChanged(int state) {//Log.i("TAG", "onPageScrollStateChanged --> state = " + state);}//初始化的时候会调用一次，ViewPager有滚动时调用//position:当前显示界面的index，position+1将会是下一个要显示的界面//positionOffset:取值范围[0,1),说明当前页面位置的偏移，相对于左下标点，往左滚动时数值增到，到达1时，界面换成下一个。//positionOffsetPixels：像素值指示位置的偏移量，相对于右下标点public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {//Log.v("TAG", "onPageScrolled --> position = " + position + ", positionOffset = " + positionOffset + ", positionOffsetPixels = " + positionOffsetPixels);}//新界面被选定时调用此方法//position:当前被选中界面的indexpublic void onPageSelected(int position) {//Log.w("TAG", "onPageSelected --> arg0 = " + position);exchangeIndecator(position % imgIdArray.length);}}

布局文件activity_viewpage.xml：

<FrameLayout 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/viewpage"        android:layout_width="match_parent"        android:layout_height="match_parent" />        <LinearLayout        android:id="@+id/viewGroup"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:layout_gravity="bottom"        android:paddingBottom="30dp"        android:gravity="center_horizontal"        >            </LinearLayout></FrameLayout>

ViewPager的运用十分广泛，这只是最基本的知识点，内容是在原作者的基础之上添加的，效果及素材及源码请移步原作者文章。

新的内容会陆续添加。