ViewPager的用法(1)

1、V包的介绍,Android SupportLibrary 目录下

    V4 --最低支持到API 4，Android 1.6
    V7 --最低支持到API 7  Android 2.1,有V7就必须有V4

    V13--最低支持到API 13 Android 3.2。多用于平板

2、ViewPager的简单使用，其实Viewpager的使用步骤和ListView的使用步骤一样

(1)实例化控件            (2)初始化数据源                (3)创建适配器                   (4)设置设配器

具体的步骤如下：

(1)XML文件中的布局

 <android.support.v4.View.ViewPager
				android:id="@+id/viewPager_v4_id"
				android:layout_width="match_parent"
				android:layout_height="wrap_content" >
			</android.support.v4.View.ViewPager>

(2)ViewPager使用的四个步骤：

①实例化控件

private ViewPager viewPager;
....
....
viewPager = (ViewPager)findViewById(R.id.viewPager_v4_id)

②初始化View数据源

private List<View> views = new ArrayList<View>();
// 存放 View id
private int[] resours = { R.drawable.v1, R.drawable.v2, R.drawable.v3,R.drawable.v4 };
....
....
for (int i = 0; i < resours.length; i++) {
    ImageView view = new ImageView(this);
    view.setImageResource(resours[i]);
    views.add(view);
}

③定义适配器(使用ViewPage自己的适配器，继承PagerAdapter(抽象类))

/**
	 * 返回数据源的长度
	 */
	@Override
	public int getCount() {
		return views.size();
	}

	/**
	 * 
	 * 实例化 Item 将View 对象 添加到容器中并将该View以对象形式返回
	 * 第一个参数：   容器
	 * 第二个参数：  位置
	 */
	@Override
	public Object instantiateItem(ViewGroup container, int position) {
		// 将 View 添加到容器中
		container.addView(views.get(position));
		// 将该View 返回
		return views.get(position);
	}

	/**
	 * 销毁容器中的 View 
	 * 第一个参数： ViewGroup 容器 填充View 
	 * 第二个参数： 位置 
	 * 第三个参数: 与 instantiateItem
	 * 方法 返回的 Object 一样 特别不常用的一个属性
	 * 
	 */
	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		// 一定要将该super 注释掉
		// super.destroyItem(container, position, object);
		// 将容器中的View 移除
		container.removeView(views.get(position));
	}

	/**
	 * 判断 View 与 object 是否一致
	 */
	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		return arg0 == arg1;
	}

④设置适配器

viewPager_vp.setAdapter(new MyPagerAdapter(views));

简单使用Viewpager完整代码如下：

activity_main.xml文件

<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.support.v4.view.ViewPager
        android:id="@+id/viewPager_vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v4.view.ViewPager>

</RelativeLayout>

MainActivity.java代码

package com.phone.day20_viewpagerbase;

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

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.ImageView;

import com.phone.day20_viewpagerbase.adapter.MyPagerAdapter;

/**
 * ViewPager 功能 滑动的页面，达到了一个切换页面的效果 存在于 V4 包下
 * 
 * Android SupportLibrary 系列 支持包下
 * 
 * V4 -- 为了兼容 1.6版本 API 4 V7 -- 为了兼容2.1版本 API 7 v7 依赖于v4 V13 - 为了兼容3.2版本 API 13
 * 多为平板使用 （不常用）
 * 
 * 
 * ViewPager 使用步骤： 1.实例化控件 2.初始化View数据源 3.设置适配器
 * 
 * @author Mr.Zhao
 * 
 */
public class MainActivity extends Activity {

	// 实例化ViewPager
	private ViewPager viewPager_vp;
	private List<View> views = new ArrayList<View>();
	// 存放 View id
	private int[] resours = { R.drawable.v1, R.drawable.v2, R.drawable.v3,
			R.drawable.v4 };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		// 初始化ViewPager控件
		viewPager_vp = (ViewPager) findViewById(R.id.viewPager_vp);
		// 初始化数据源
		initData();

		// 创建适配器
		MyPagerAdapter adapter = new MyPagerAdapter(views);
		// 设置 适配器
		viewPager_vp.setAdapter(adapter);
	}

	private void initData() {

		// 数据源
		for (int i = 0; i < resours.length; i++) {

			ImageView view = new ImageView(this);
			view.setImageResource(resours[i]);
			views.add(view);
		}
	}

}

MyPagerAdapter.java自定义一个自己的适配器

package com.phone.day20_viewpagerbase.adapter;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

/**
 * 
 * PagerAdapter
 * 配合ViewPager 使用的适配器
 * 抽象类    --  实例化后使用
 * @author Mr.Zhao
 *
 */
public class MyPagerAdapter extends PagerAdapter {

	List<View> views;

	public MyPagerAdapter(List<View> views) {
		super();
		this.views = views;
	}

	/**
	 * 返回数据源的长度
	 */
	@Override
	public int getCount() {
		return views.size();
	}

	/**
	 * 
	 * 实例化 Item 将View 对象 添加到容器中并将该View以对象形式返回
	 * 第一个参数：   容器
	 * 第二个参数：  位置
	 */
	@Override
	public Object instantiateItem(ViewGroup container, int position) {
		// 将 View 添加到容器中
		container.addView(views.get(position));
		// 将该View 返回
		return views.get(position);
	}

	/**
	 * 销毁容器中的 View 
	 * 第一个参数： ViewGroup 容器 填充View 
	 * 第二个参数： 位置 
	 * 第三个参数: 与 instantiateItem
	 * 方法 返回的 Object 一样 特别不常用的一个属性
	 * 
	 */
	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		// 一定要将该super 注释掉
		// super.destroyItem(container, position, object);
		// 将容器中的View 移除
		container.removeView(views.get(position));
	}

	/**
	 * 判断 View 与 object 是否一致
	 */
	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		return arg0 == arg1;
	}
}

这样一个简单的ViewPager的使用就完成了