Android从菜鸟到笨鸟:ViewPager+Handler实现广告栏无限循环

详解ViewPager组件的使用与个性化适配器设计
本文深入解析了如何在Android应用中使用ViewPager组件,包括其基本使用方法、与适配器(PagerAdapter)的交互以及如何实现个性化显示效果。详细介绍了适配器的四个关键方法实现,以及如何利用Handler和Timer类实现自动轮播功能,并加入了指示器(小圆点)以提升用户体验。最后,文章展示了最终实现的效果图。

**使用步骤**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();
    }

大功告成!效果图如下
第一个Pager
第二个Pager
第三个Pager
第四个Pager

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值