美文网首页
轮播图无限轮播的实现

轮播图无限轮播的实现

作者: 举个栗子wow | 来源:发表于2016-03-23 14:30 被阅读431次

这两天面试,回来收到一个要求要实现轮播图的无限轮播效果。

实现这个效果的方法很多种也很简单,最常用的一直前后各加一个ImageView,滑到这个ImageView的时候跳转到第一个图片或者最后一个图片,实现一个错觉。

对于上面这个方法我觉得功能上是实现了,但是还可以具体做些内存上的优化。我在网上搜集了一些资料,比较感兴趣的是基于三张或者两张ImageView的重用。之前尝试了三张ImageView的重用,效果还可以,中间有很多小坑,自己给填平了。至于两张ImageView的重用。。。这个网上好像有人做出来了,但我思路可能不对,这个暂时没实现。

那么说一下三张ImageView的重用思路。用户在操作轮播图的时候,不外乎三个状态,不动、向左滑、向右滑。我们完全可以实现一个效果,左中右三个控件,控件不变化只变化控件上面的内容,这样就达到了重用的效果。

具体流程:

1.展示给用户的始终是中间的一个ImageView;

2.用户向左或向右滑动结束后,重新为ImageView赋值,设置ScrollView的偏移,把中间的ImageView重新拉回中间位置;

这样说起来似乎很简单,但中间的逻辑也是比较麻烦的。写了个Demo放在了cocoachina,有兴趣的同学可以下载看一下。

Demo地址:http://code.cocoachina.com/view/130080

相关文章

  • Swift实现轮播图以及自定义UIPageControl

    无限轮播的实现思路 轮播图最核心的部分是如何实现无限轮播。我的实现方式是: 在UIScrollView上添加三个U...

  • android轮播图效果

    先上效果图: viewpager+handler+runnableTask实现轮播图效果。可以自动轮播,左右无限滑...

  • [iOS]定制性强的广告轮播图--SCAdView

    @[无限轮播图] @[3D轮播图] @[广告轮播图] SCAdView Statement If my code ...

  • 自定义轮播图-简单不需要引用第三方库

    简单的轮播图,实现自定义轮播icon,带标题,自动轮播,无限轮播 1、自定义属性attr.xml 2、自定义Ban...

  • collectionView 无限轮播设计思路

    原来用scrollview实现过无限轮播,每张轮播图是UIImageView ,有页码,有标题, 用scrollV...

  • 轮播图无限轮播的实现

    这两天面试,回来收到一个要求要实现轮播图的无限轮播效果。 实现这个效果的方法很多种也很简单,最常用的一直前后各加一...

  • 打造万能的BannerView(ViewPager)无限轮播图

    为什么写这篇文章,因为在网上看到的绝大多数BannerView实现了右无限轮播图,甚至没有实现无限轮播图,说成是无...

  • 轮播图心得

    轮播图 写轮播图之前我们要认识到几个问题:一、什么是轮播图?二、怎么实现轮播效果?三、轮播图还有什么小功能可以实现...

  • 第五周学习内容

    焦点图轮播特效之原理、焦点图轮播样式之布局、焦点图轮播之箭头切换、焦点图轮播之无限滚动。 js简介、用法、输出。

  • 项目-轮播图

    整个轮播图分为三部分:轮播指标、轮播项目及轮播导航。用boostrap实现轮播图要比用js、jQuery方便的多,...

网友评论

      本文标题:轮播图无限轮播的实现

      本文链接:https://www.haomeiwen.com/subject/vwwklttx.html