ViewPager实现轮播图

作者 : 开心源码 本文共1224个字,预计阅读时间需要4分钟 发布时间: 2022-05-12 共147人阅读

Android系统中有一个viewpager的控件,这个控件是用来实现多页面的切换的效果。经常和fragment联合使用,这就是我们经常看到的APP中的主界面的样子。但是ViewPager不只能够适配Fragment,还可有其余很多用处。比方实现轮播图,就是几张图片左右切换。

1.在xml布局文件中加入一个viewpager控件,如下图:(可以像其余控件一样,有各种各样的属性,从而实现各种不同的效果)

注意引入的包名

2.新建一个类,继承自PagerAdapter。这个类是适配器类,用来将数据,布局等信息加载到ViewPager中去。我的子类命名为ImageViewpagerAdapter。如下图重写对应的方法。

这几个方法必需重写,否则会出错

常量ArrayList<StoryBean> ll。这是一个实体类的集合。一般在轮播图中这个集合中放着图片的资源对象,或者者对应的引用啊,也可能是一个url指向网上的某一张图片。在这里,我的StoryBean中有一个变量就是图片的URL,还有对这张图片的简单形容,名为title的字符串。

方法getCount()返回一个int值,这个值就是viewpager中的轮播图的数量,这个数量不宜太大,一般是3~5张就可,否则会影响使用的流畅度。在上图中,我直接返回的是5,是由于我的图片数量是5张。一般情况下是返回ll.size(),就是这个实体类集合的长度。

方法instantiateItem(ViewGroup container, final int position)返回一个Object对象。这个返回的Object指的是View或者者ViewGroup的子类,就是返回视图中可见的对象。container是一个ViewGroup的对象,可以将最后的对象add到container中,再返回这个container。position指的是Viewpager中的第几个对象,在轮播图中就是第几张图片。具体代码如下:

其中加载图片是使用ImageLoader,不做详细解释

先公告一个View的布局文件,这个就是最后在Viewpager中每一个页面中样式效果。可以按照自己的想法随便设置。其中我的布局中只有一个ImageView和一个TextView。最后两行代码就是将这个View加入到container中,最后返回这个container。在使用ViewPager控件时,最主要的代码都在这个方法中。

最后一个方法就是用来防止内存溢出的,用来正当使用内存的,代码如下:

3.当实现了这个适配器类之后就很简单了,在Activity中,实现以下代码就能使用了:

ii就是实体类的集合

4.通常的应用中轮播图是可以自己切换的,这个很容易实现。重新开拓一个线程,在这个线程中每隔多长时间就发送一个message给主线程,主线程中调用viewpager的setCurrentItem方法对图片进行切换就行,不过其中还是有少量细节需要注意。

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » ViewPager实现轮播图

发表回复