Android ViewPaper的使用

转载自：http://blog.csdn.net/billpig/article/details/6650097

这是我个人练习的代码，下载地址：http://dl.dbank.com/c01bwdq4xi

ViewPager提供了一个适配器，方便我们对各个View进行控制，而Workspace需要我们手动去添加，它相当于是一个"静态切换"。接下来我将介绍下如何使用：

1、下载来Android SDK & AVD manager的更新：Available Packages -> Android Repository -> Android Compatibility Package, revision 3. 它将安装在\extras\android\compatibility\v4文件下

2、建立一个Android项目，在上述安装目录下把 android-support-v4.jar添加进项目，如果是最新的ADT，只需要右击project->Android Tools->Add Compatibility Library

3、在Activity中使用ViewPager

4、如果ViewPager是用xml去定义的，需要写上全局的路径，如：

    

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

5、建立一个PagerAdapter，实现如下方法：

getCount(), instantiateItem(), destroyItem()， isViewFromObject() 。

这是我练习照着别人写的代码：

package com.viewpaper;

import java.util.ArrayList;
import java.util.List;




import android.app.Activity;
import android.os.Bundle;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.Window;
import android.widget.ImageView;

public class ViewPaperTest extends Activity {
	private ViewPager viewPager;
	
	private List<View> pageViews;
	//用来表示每个小圆点的imageView
	private ImageView imageView;
	//小圆点ImageViews的数组
	private ImageView[] imageViews;
	
	//包裹滑动图片的LinearLayout
	private ViewGroup main;
	//包裹圆点的LinearLayout
	private ViewGroup group;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		
		LayoutInflater lInflater = getLayoutInflater();
		pageViews = new ArrayList<View>();
		pageViews.add(lInflater.inflate(R.layout.item01,null));
		pageViews.add(lInflater.inflate(R.layout.item02,null));
		pageViews.add(lInflater.inflate(R.layout.item03,null));
		pageViews.add(lInflater.inflate(R.layout.item04,null));
		pageViews.add(lInflater.inflate(R.layout.item05,null));
		pageViews.add(lInflater.inflate(R.layout.item06,null));
		
		
		imageViews = new ImageView[pageViews.size()];
		//整体页面布局初始化
		setContentView(R.layout.main);
		//main= (ViewGroup) lInflater.inflate(R.layout.main, null);
		//找到布局小圆点的LinearLayout,如果setContentView(R.layout.main)放在这句之后，要利用main布局 来寻找linearLayout，否则引用为空
		group = (ViewGroup) findViewById(R.id.viewGroup);
		//找到布局ViewPaper的LinearLayout，如果setContentView(R.layout.main)放在这句之后，要利用main布局 来寻找linearLayout，否则引用为空
		viewPager = (ViewPager)findViewById(R.id.guidePages);
		
		//对小圆点的显示初始化
		for (int i = 0; i < pageViews.size(); i++) {
			imageView = new ImageView(ViewPaperTest.this);
			imageView.setLayoutParams(new LayoutParams(20,20));
			imageView.setPadding(20, 0, 20, 0);
			imageViews[i] = imageView;
			
			if (i==0) {
				//默认是第一张图片 小圆点是
				imageViews[i].setBackgroundResource(R.drawable.page_indicator_focused);
			}else {
				imageViews[i].setBackgroundResource(R.drawable.page_indicator);
			}
			//这里循环向LinearLayout中添加了view
			group.addView(imageViews[i]);
		}
		
		
		
		
		viewPager.setAdapter(new GuidePageAdapter());
		viewPager.setOnPageChangeListener(new GuidePageChangeListener());
	}
	
	
	class GuidePageAdapter extends PagerAdapter {  
	  	  
        @Override  
        public int getCount() {  
            return pageViews.size();  
        }  
  
        @Override  
        public boolean isViewFromObject(View arg0, Object arg1) {  
            return arg0 == arg1;  
        }  
  
        @Override  
        public int getItemPosition(Object object) {  
            // TODO Auto-generated method stub  
            return super.getItemPosition(object);  
        }  
  
        @Override  
        public void destroyItem(View arg0, int arg1, Object arg2) {  
            // TODO Auto-generated method stub  
            ((ViewPager) arg0).removeView(pageViews.get(arg1));  
        }  
  
        @Override  
        public Object instantiateItem(View arg0, int arg1) {  
            // TODO Auto-generated method stub  
            ((ViewPager) arg0).addView(pageViews.get(arg1));  
            return pageViews.get(arg1);  
        }

		@Override
		public void finishUpdate(View arg0) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public void restoreState(Parcelable arg0, ClassLoader arg1) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public Parcelable saveState() {
			// TODO Auto-generated method stub
			return null;
		}

		@Override
		public void startUpdate(View arg0) {
			// TODO Auto-generated method stub
			
		}  
  
     
  
       
    } 
    
    // 指引页面更改事件监听器
    class GuidePageChangeListener implements OnPageChangeListener {  
    	  
        @Override  
        public void onPageScrollStateChanged(int arg0) {  
            // TODO Auto-generated method stub  
  
        }  
  
        @Override  
        public void onPageScrolled(int arg0, float arg1, int arg2) {  
            // TODO Auto-generated method stub  
  
        }  
  
        @Override  
        public void onPageSelected(int arg0) {  
            for (int i = 0; i < imageViews.length; i++) {  
                imageViews[arg0].setBackgroundResource(R.drawable.page_indicator_focused);
                
                if (arg0 != i) {  
                    imageViews[i].setBackgroundResource(R.drawable.page_indicator);  
                }  
            }
        }  
    }  
}
	

：