Android ViewPager

最新推荐文章于 2022-11-04 21:35:58 发布

huohuo5753

最新推荐文章于 2022-11-04 21:35:58 发布

阅读量575

点赞数

分类专栏： Android UI控件文章标签： android 安卓 UI控件

本文链接：https://blog.csdn.net/huohuo5753/article/details/41315801

版权

Android UI控件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、ViewPager简单介绍

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

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

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

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]);
			}
			
		}
		//为给定的位置创建viewpage
		public 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:当前被选中界面的index
	public 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的运用十分广泛，这只是最基本的知识点，内容是在原作者的基础之上添加的，效果及素材及源码请移步原作者文章。

新的内容会陆续添加。