**使用步骤**ViewPager的使用方法跟ListView差不多
1.先在布局文件中定义一个ViewPager组件
android.support.v4.view.ViewPager
2.在Activity中通过getViewById()来找到对应的ViewPager
3.至于数据显示,全部交给PagerAdapter。和ListView一样,ListView的数据配置使用了setAdapter方法,ViewPager也是使用的setAdapter()方法
下面重点介绍PagerAdapter
当继承PagerAdapter的时候,必须要重写其中的4个方法
1.isViewFromObject(View view, Object obj)
判断当前显示的View是否是key(obj)所对应的View
2.getCount()
返回数据条目
3.destroyItem(ViewGroup container, int position, Object object)
删除之前的item
4.instantiateItem(ViewGroup container, int position)
初始化之后的item
假如我自定义一个MaPagerAdapter类,继承PagerAdapter,代码应该如下:
public class MyPagerAdapter extends PagerAdapter {
/** 该List只能存放View及其子类 **/
private List list;
public MyPagerAdapter(List list) {
this.list = list;
}
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
// 判断当前page页面是否是想要呈现的page页面
@Override
public boolean isViewFromObject(View view, Object obj) {
// 直接把View作为一个key
// return arg0 == arg1;
// 或者把position作为一个key
return view == list.get(Integer.parseInt(obj.toString()));
}
// 撤销没用的试图
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
}
// 创建新的视图
@Override
public Object instantiateItem(ViewGroup container, int position) {
// 可能当前的position很大,应该取模,否则会出现空指针异常
position %= list.size();
// 判断该view对象是否已经拥有父亲了
View view = (View) list.get(position);
ViewParent parent = view.getParent();
if (parent != null) {
ViewGroup group = (ViewGroup) parent;
group.removeView(view);
}
// 将该view添加到container里面
container.addView(view);
return view;
}
}
我写的这个MyPagerAdapter类是一个通用的PagerAdapter,复制下代码就可以使用了
写到这里,我们的程序就可以实现这样的效果:随着手指的左右滑动,ViewPager也会跟着滑动。可能会遇到一个问题,就是刚开始的时候ViewPager不能向左边滑动,只能项右边滑动,此时我们应该在Activity里面加一句代码,adapter.setCurrentItem(int);把位置设置到中间,这样ViewPager就能左右滑动了
然后是Handler,Handler可以在子线程中跟新UI,我们希望系统每隔3秒就切换一次ViewPager的画面,所以还需借助Timer类来完成我们的项目,代码如下:
Timer timer = new Timer();
timer.schedule(new TimerTask() {
@Override
public void run() {
handler.post(new Runnable() {
public void run() {
viewpager.setCurrentItem(viewpager.getCurrentItem() + 1, true);
};
});
}
}, 3000, 3000);
到此为止,我们的广告栏就可以自己滑动了,不需要我们手动去切换图片,为了达到更好的效果,还需要加一个指示器,也就是小圆点,每次页面切换的时候,小圆点的位置也会跟着切换,此时需要借助ViewPager.addOnPageChangeListener(new MyPageListener());这个方法,代码如下:
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
private int pre_position = -1;
/** 如果被选中,就改变当前的指示器颜色 **/
@Override
public void onPageSelected(int arg0) {
dots_list.get(arg0 % dots_list.size()).setImageResource(R.drawable.dot_selected);
// 如果不是第一次,就把之前的颜色改回去
if (pre_position != -1) {
dots_list.get(pre_position).setImageResource(R.drawable.dot_normal);
}
pre_position = arg0 % dots_list.size();
}
大功告成!效果图如下