android常用控件ViewPager（一） ViewPager基本应用

ViewPager这个控件主要是用来实现屏幕之间的滑动切换（当然这样的控件也可以完全自己打造）它是google SDk中自带的一个附加包的一个类。现在很多应用都运用了ViewPager这样的效果。本篇先介绍ViewPager的基本功能。

ViewPager的基本应用

  ViewPager作为与ListView一类的数据容器类控件在使用上也是通过适配器来完成。在一个简单的ViewPager中，只需要实现它的PagerAdapter适配器就好。在一般使用中，ViewPager总是配合着Fragment一起使用，并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用,具体实现在下一章给出。

  在使用ViewPager的时候需要使用到两个组件类分别是PagerTitleStrip类和PagerTabStrip类。根据官方的文档对这两个组件的解释分别是：

1、PagerTitleStrip是ViewPager的一个关于当前页面、上一个页面和下一个页面的一个非交互的指示器。

2、PagerTabStrip是ViewPager的一个关于当前页面、上一个页面和下一个页面的一个可交互的指示器。

这里的交互是指是否可以被点击。

建立一个ViewPager

一、布局文件 。在布局文件中，我们只需要将ViewPager引入即可。

<?xml version="1.0" encoding="utf-8"?>
<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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.viewpagedemo.MainActivity">

<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="wrap_content"
android:layout_height="300dp"
android:layout_gravity="center" >
<android.support.v4.view.PagerTitleStrip
android:id="@+id/pagertab"
android:layout_width="wrap_content"
android:layout_height="20dp"
android:layout_gravity="top"/>
</android.support.v4.view.ViewPager>
</RelativeLayout>

这里引入可一个ViewPager并且引入了子控件PagerTitleStrip。

二、写适配器函数

PagerAdapter pagerAdapter = new PagerAdapter() {

@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
Log.d("HK","isViewFromObject called");
return arg0 == arg1;
}

@Override
public int getCount() {
// TODO Auto-generated method stub
return viewList.size();
}

@Override
public void destroyItem(ViewGroup container, int position,
Object object) {
// TODO Auto-generated method stub
Log.d("HK","destroyItem called");
container.removeView(viewList.get(position));
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
container.addView(viewList.get(position));

Log.d("HK","instantiateItem called");
return viewList.get(position);
}

@Override
public CharSequence getPageTitle(int position) {
// TODO Auto-generated method stub
Log.d("HK","getPageTitle called");
return titleList.get(position);
}
};

在适配其中，可以看到我们重写了适配器的相关函数。对于PagerAdapter 我们至少需要重写4个函数。分别为：

isViewFromObject(View arg0, Object arg1)：

public int getCount()： 返回需要滑动View的个数。

public void destroyItem(ViewGroup container, int position, Object object)：从当前container中删除指定位置（position）的View。

public Object instantiateItem(ViewGroup container, int position)：根据position创建页面。适配器通过这个函数为container提供内容。

  在这里我们还重写了getPageTitle，这个是为PagerTitleStrip提供内容。

  对于PagerTabStrip 只需要把子控件换成

<android.support.v4.view.PagerTabStrip
android:id="@+id/pagertab"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="top"/>

即可。

本例子代码在GITHUB可下载。

GIT：https://github.com/everyhappy/ViewPagerDemo1