在上一篇文章中,我们使用 ViewFilpper实现一个滑动切换的简单例子,但是毫无疑问地是,ViewFilpper实现的效果总体显得生硬,在滑动的过程中十分地不自然。那么,有没有解决这个问题的办法呢?答案是有的,就是我们今天要说的ViewPager。ViewPager用于实现多页面的切换效果,该类存在于Google的兼容包里面,所以在引用时记得在BuilldPath中加入“android-support-v4.jar”。所以,到目前为止,可以帮助我们实现滑动切换的效果的控件有两个,ViewFilpper和ViewPager。到底两个控件在具体使用的时候,会有什么不同呢?请跟着我的思路来学习下面的程序示例。
首先来分析布局代码:
在上面的布局代码中,我们可以发现ViewPager节点下并没有其他的控件节点,因此,在使用ViewPager的时候,我们不需要在这里加入我们具体的布局代码,换言之,到底每一页要显示什么样的内容,可以不再这里定义。那么,到底在哪里定义呢?我们后面会提到。你也许会问,为什么下面会有四个ImageView吧?呵呵,这四个ImageView可不是用来显示每一个要显示的具体内容的,这里是四个点,用于标识当前选中的页面。好了,我们继续。在使用ViewPager的时候,我们需要继承PagerAdapter类,就像使用Gallery要继承BaseAdapter一样,具体的代码如下:
package com.Android.ViewPaper;
import java.util.ArrayList;
import android.support.v4.view.ViewPager;
import android.support.v4.view.PagerAdapter;
import android.view.View;
public class ViewAdapter extends PagerAdapter {
private ArrayList Views;//存放View的ArrayList
/*
* ViewAdapter构造函数
* @author:Robin
*/
public ViewAdapter(ArrayList Views)
{
this.Views=Views;
}
/*
* 返回View的个数
*/
@Override
public int getCount()
{
if(Views!=null)
{
return Views.size();
}
return 0;
}
/*
* 销毁View
*/
@Override
public void destroyItem(View container, int position, Object object)
{
((ViewPager)container).removeView(Views.get(position));
}
/*
* 初始化
*/
@Override
public Object instantiateItem(View container, int position)
{
((ViewPager)container).addView(Views.get(position),0);
return Views.get(position);
}
/*
* 判断View是否来自Object
*/
@Override
public boolean isViewFromObject(View view, Object object)
{
return (view==object);
}
}
这个类的编写大家可以参考BaseAdapter的继承,我感觉差不多啦,而且这些方法的用途都很清楚,一目了然。
下面是主要的逻辑代码,程序中有详细的注释说明,不再赘述
package com.Android.ViewPaper;
import java.util.ArrayList;
import android.os.Bundle;
import android.app.Activity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
public class MainActivity extends Activity implements OnClickListener, OnPageChangeListener {
//存放View的ArrayList
private ArrayList Views;
//ViewAdapter适配器
private ViewAdapter mAdapter;
//引导图片资源
private int[] Resources=new int[]{R.drawable.guide1,R.drawable.guide2,R.drawable.guide3,R.drawable.guide4};
//提示切换的Point
private ImageView[] Points;
//当前索引
private int index;
//ViewPager
private ViewPager mPager;
//点的状态图片资源
private int[] PointState=new int[]{R.drawable.point_normal,R.drawable.point_select};
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化View
Views=new ArrayList();
for(int i=0;iResources.length)
{
return;
}
mPager.setCurrentItem(index);
}
/*
* 设置索引为position的Point
*/
private void setPoint(int position)
{
if (positionResources.length - 1 || index == position) {
return;
}
for(int i=0;i在这个程序中,我们必须实现的一个接口是OnPageChangeListener接口,即对页面切换行为的监听接口,这个程序中原来的作者实现了OnClickListener接口,根据本人亲自测试,这个接口是不能监听到页面切换的行为的,或者说监听那四个点的的思路本身就是有问题的,应该是监听页面的切换事件,然后让那四个点去响应这个变化。最后说一点的是,这个程序中,我使用了两张照片来表示每个点的正常、选中的状态。其实,这里还可以写个selector资源文件来解决的,好了,这个例子实现的测试效果如下: