ViewPager实现轮播图

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

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

注意引入的包名

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

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

常量ArrayList 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方法对图片进行切换就行,不过其中还是有一些细节需要注意。

你可能感兴趣的:(ViewPager实现轮播图)