循环广告位组件的实现
来源:互联网 发布:linux查看被占用的内存 编辑:程序博客网 时间:2024/05/30 12:30
写在前面的话
很久没有写博客了,很多小伙伴问我为什么博客不更新了,这是因为我在做其它事情,时间不充裕所以就没有更新博客,但是现在我又开始更新博客了!接下来我会陆续更新一些文章,主要包含如下几方面内容:
1. Android一些深入的知识点分析
2. 我的技术成长之路
3. 我的后续的技术规划
4. 如何学好Android,如何成为高级工程师
5. 职业规划
前言
本篇文章是一篇技术文章,为什么要选择介绍循环播放的广告位组件呢?这是因为2年前我刚接触Android时写了一篇介绍广告位组件的文章(http://blog.csdn.net/singwhatiwanna/article/details/8875241),说实话那篇文章实现的比较复杂,基本上等于重写了一个ViewPager,但是复杂归复杂,它的封装还是很好的,于是就是很多同学找我要代码,但是后面我的确没有源码了。透过这件事,我发现广告位组件还是很有需要的,于是现在我决定再次重写一下广告位组件,当然这次我不会选择之前的那种方式,因为它太复杂了,这次博主选择的是采用ViewPager来实现广告位组件,为了满足实际的项目需要,我为其添加了自动播放和循环播放的功能,这样就可以在项目中直接使用了。这里再描述下循环播放的概念,循环播放是指“从第一屏向前滑动可以到最后一屏,而从最后一屏向后滑动则可以到达第一屏”。
效果
这里是一张静态图,实际上是可以循环播放的。
技术细节
实现这样一个广告位组件,其技术细节主要有3点:
1. 如何使用ViewPager
2. 如何实现循环播放
3. 如何实现自动播放
下面分别介绍这三点。
如何使用ViewPager
ViewPager是support-v4提供的一个类,它主要用于实现滑屏的效果,它和Fragment是一对完美的组合,通过FragmentPagerAdapter,ViewPager能够轻松地管理多个Fragment。对于本例来说,由于不需要使用Fragment,所以我们要用到ViewPager的另一个更加通用的Adapter:PagerAdapter。PagerAdapter是FragmentPagerAdapter的父类,其提供了更加一般的功能接口,当然这也意味着PagerAdapter使用起来稍微复杂些。
一般来说,使用PagerAdapter最少需要实现如下四个方法:
1. int getCount()
表示ViewPager的屏幕个数
2. boolean isViewFromObject(View view, Object o)
表示key:o和value:view是否属于同一个键值对,即o对应的值是否是view
3. Object instantiateItem(ViewGroup Container, int position)
初始化位置为position的屏幕的界面,返回值为键值对的key,而真正的View是key所对应的value。这个概念有点抽象,一般情况下我们采用View作为key,即key和value都是同一个View对象,在这个方法中,我们需要将View加载出来并作为返回值返回。考虑到ViewPager和AdapterView的使用场景的差异,本文中并没有采用View的复用机制,这是因为ViewPager不像AdapterView那样具有大量的内容,而且ViewPager的PagerAdapter在设计时就没有暴露出复用的接口,同时广告位组件中一般都是由图片组成,布局比较简单,因此每次都重新加载布局所带来的开销是可以接受的。
4. void destroyItem(ViewGroup container, int position, Object object)
当位置为position的屏幕不再使用时,销毁它,典型的行为是将此屏幕的View对象从container中remove掉。
对于本文的例子来说,对这4个方法的实现如下所示:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
如何使用循环播放
循环播放这个问题,如果从常规思想去考虑就会变得很复杂,但是换一种思路就会豁然开朗,考虑一种情况:假设目前我们需要ViewPager有5屏,但是如果在PagerAdapter的getCount方法中我们返回100,即告诉ViewPager我们有100屏,那么会发生什么呢?试想一下,如果当前位于第5屏,由于对于ViewPager来说它认为有100屏,所以我们仍然可以向后滑动,当滑动到第6屏时,如果我们在instantiateItem中将第1屏的View返回给它会怎么样?很好理解,这就实现了从第5屏滑动到第1屏的效果了,即从最后一屏循环滑动到了第一屏。同理,当第一屏向前滑动时,我们同样可以返回最后一屏的View,但是这里有一个问题,第一屏没办法向前滑动,因为第一屏的位置是0,ViewPager不能滑动到-1的位置,这的确是个问题!但是仍然难不倒我们,试想一下:如果ViewPager滑动到0时,这个时候我们迅速将其切换到第6屏会怎么样?由于第6屏的内容实际上就是第1屏的内容,因此界面上感受不到任何变化,但是这个时候ViewPager当前屏幕的下标已经从0变为5了,这意味着什么?这意味着ViewPager可以向前滑动了。
这样一来,循环播放的问题就解决了,对于本例来说,代码实现如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
从上面的代码可以看出,getCount返回了一个常量FAKE_BANNER_SIZE,这个常量被我定义为100,当然50、200和1000等等都可以,但是不能太大,比如Integer.MAX_VALUE,太大的数会以极大的概率导致程序ANR。然后在instantiateItem方法中如下一句话非常关键:
position %= DEFAULT_BANNER_SIZE
这句话完成了100到5的映射,即将ViewPager的屏幕下标映射为实际所需的下标,其中DEFAULT_BANNER_SIZE被定义为5,表示ViewPager真正的屏幕数量。
除此之外,为了实现从第一屏向前滑动到最后一屏的效果,还需要做如下处理:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
finishUpdate表示ViewPager的更新即将完成,因此在这个时候我们可以悄悄地替换一些东西,比如将屏幕0切换为屏幕5,同时为了实现无限地循环滑动,当下标达到99时,将其切换到第4屏,这样滑动就可以无限地进行下去,否则ViewPager达到第100屏时将无法再继续向后滑动。
如何实现自动播放
这个问题就稍微简单些了,比如采用Timer、Alarm甚至Handler都可以实现,思想就是以一定的时间间隔触发ViewPager的滑动即可,本文中采用轻量级的Timer来实现,理由如下:Alarm太重量级,有点大材小用的感觉,而Handler使用起来稍微复杂一点点。下面是具体的实现细节,每隔3000ms就触发一次自动播放。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
源码下载
完整的源码请大家查看我的Github,如下所示:
(https://github.com/singwhatiwanna/banner)
- 循环广告位组件的实现
- 循环广告位组件的实现
- 循环广告位组件的实现
- 循环广告位组件的实现
- 循环广告位组件的实现
- 循环广告位组件(banner)的实现
- 循环广告位组件的改进
- Android循环广告位的实现
- Android-循环广告位组件
- Android 循环广告位轮播图的封装实现
- Android广告位循环轮播图的实现
- ViewPager实现无限循环的广告位
- jquery实现广告位循环向上滚动
- 自定义View实现广告位轮播图barner组件
- 教你打造广告位的循环播放
- android中左右滑屏的实现(广告位banner组件)
- android中左右滑屏的实现(广告位banner组件)
- android中左右滑屏的实现(广告位banner组件)
- 多道程序缓冲区协调操作经典问题
- @Resource与@Autowired注解的区别
- codeforce-748A
- Shell script的语法二:判断命令
- Map拷贝 关于对象深拷贝 浅拷贝的问题
- 循环广告位组件的实现
- Node实践总结2——views
- Excel多级下拉菜单联动自动匹配内容
- 数据源切换异常 导致数据源切换失败
- 13张图,带你认识大学各专业
- MongoDB学习
- Andriod的Http请求获取Cookie信息并同步保存,使第二次不用登录也可查看个人信息
- maven 下载repository太慢
- unity 通过使用 photon networking Pun 实现 HTC Vive VR的多人联网。进阶版 《一》