高效的图片轮播

原创 2016年08月29日 14:59:14

最近在做写知乎日报,用到图片轮播,看到比较普遍的方法是把getcount设得很大。这种方法明显是不够高效的。后来看到前辈@Krelve的一篇博客,大赞。这里做详细讲解下。这里写图片描述
原理就是,在最后一张图片的后面,加多一张和第一张一样的图片。当轮播到最后一张时(也就是和第一张一样的图片),在OnPageChangeListener的onPageScrollStateChanged方法中将图片无动画地设为第一张。

1、初始化数据,i==0和i==5设置同一张图片
private void initData() {
viewList = new ArrayList();
for (int i = 0; i <= 4 + 1; i++) {
View item = LayoutInflater.from(this).inflate(R.layout.item, null);
ImageView imageView = (ImageView) item.findViewById(R.id.image_view);

        if (i == 0) {
            imageView.setImageResource(R.drawable.item1);
        } else if (i == 5) {
            //本身5张图,在第六张图的位置,再添加第一张图
            imageView.setImageResource(R.drawable.item1);
        } else if (i == 1) {
            imageView.setImageResource(R.drawable.item2);
        } else if (i == 2) {
            imageView.setImageResource(R.drawable.item3);
        } else if (i == 3) {
            imageView.setImageResource(R.drawable.item4);

        } else if (i == 4) {
            imageView.setImageResource(R.drawable.item5);
        }
        viewList.add(item);
    }

    MyAdapter myAdapter = new MyAdapter(viewList);
    mViewPager.setAdapter(myAdapter);
    mViewPager.setCurrentItem(0);
    mViewPager.addOnPageChangeListener(new MyOnPageChangeListener());
    current_item = 0;
}

2、viewpager滑动监听,onPageScrollStateChanged的arg0参数:arg0 ==1–默示正在滑动,arg0==2–默示滑动完毕了,arg0==0–默示什么都没做。判断i==5时,将它无动画地切换到i==0

class MyOnPageChangeListener implements ViewPager.OnPageChangeListener {

    /**
     * arg0这个参数有三种状态(0,1,2)。arg0 ==1--默示正在滑动,arg0==2--默示滑动完毕了,arg0==0--默示什么都没做。
     *
     * @param arg0
     */
    @Override
    public void onPageScrollStateChanged(int arg0) {
        switch (arg0) {
            case 1:
                isAutoPlay = false;
                break;
            case 2:
                isAutoPlay = true;
                break;
            case 0:
                if (mViewPager.getCurrentItem() == 4 + 1) {
                    /**
                     * false表示无动画效果调到指定页。
                     * 由于最后一页和第一页的图片是一样的,无动画跳转给人的感觉就是已经是第一页
                     */
                    mViewPager.setCurrentItem(0, false);
                }
                current_item = mViewPager.getCurrentItem();
                isAutoPlay = true;
                break;
        }
    }

    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2) {
    }

    @Override
    public void onPageSelected(int arg0) {
    }
}

3、通过handler.postDelayed(task, 1500);方法实现定时切换

private void startPlay() {
isAutoPlay = true;
handler.postDelayed(task, 1500);
}

private Runnable task = new Runnable() {
    @Override
    public void run() {
        current_item = current_item % 6 + 1;
        if (isAutoPlay) {
            if (current_item == 0) {
                mViewPager.setCurrentItem(current_item, false);
                handler.postDelayed(task, 1500);
            } else {
                mViewPager.setCurrentItem(current_item);
                handler.postDelayed(task, 1500);
            }
        } else {
            handler.postDelayed(task, 1500);
        }
    }
};

源码地址:http://download.csdn.net/detail/qq_24334367/9616116

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

安卓高效图片轮播

  • 2016年08月29日 17:41
  • 20.66MB
  • 下载

高效图片轮播,两个imageView实现

导语 在不少项目中,都会有图片轮播这个功能,现在网上关于图片轮播的框架层出不穷,千奇百怪,笔者根据自己的思路,用两个imageView也实现了图片轮播,这里说说笔者的主要思路以及大概步骤,具体代码请看...
  • hbblzjy
  • hbblzjy
  • 2016年05月31日 23:03
  • 419

高效图片轮播,两个ImageView实现

导语 在不少项目中,都会有图片轮播这个功能,现在网上关于图片轮播的框架层出不穷,千奇百怪,笔者根据自己的思路,用两个imageView也实现了图片轮播,这里说说笔者的主要思路以及大概步骤,具体代...

移动端H5图片轮播缩放

  • 2017年10月23日 14:45
  • 1.08MB
  • 下载

myfocuns前端图片轮播JS插件

  • 2017年08月14日 17:34
  • 1.51MB
  • 下载

jQuery实现图片轮播效果(仿QQ商城首页、天猫首页)

图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。相信很多同学都在各种类型的网站上看过花样百出的轮播效果图,不少同学也想尝试下自己做出来一个,但...

3维效果的jquery图片轮播特效

  • 2017年04月12日 11:43
  • 22KB
  • 下载

jquery广告图片轮播

  • 2017年11月03日 02:20
  • 60KB
  • 下载

图片轮播(BannerView)

图片轮播(BannerView)

js图片轮播

  • 2017年10月12日 14:44
  • 1.06MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:高效的图片轮播
举报原因:
原因补充:

(最多只允许输入30个字)