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