Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)

一、第一种方式:ViewPager+ViewPagerIndicator

1、在gradle文件中,加入ViewPagerIndicator的依赖,我是以jar的形式添加
这里写图片描述

2、在布局文件中,写好布局:
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)_第1张图片

3、在fragment中实例化:
这里写图片描述

4、为ViewPager添加适配器、为ViewPagerIndicator绑定ViewPager
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)_第2张图片

5、编写ViewPager的适配器,继承自PagerAdapter,并实现其4个方法:
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)_第3张图片

对于PagerAdapter的四个方法,可以参考下面文章:
http://blog.csdn.net/harvic880925/article/details/38487149

二、第二种方式:第三方框架banner

1、在gradle中添加banner的依赖:
这里写图片描述

2、在布局文件中,写好布局:
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)_第4张图片

3、在fragment中实例化:
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)_第5张图片

4、为banner设置属性:
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)_第6张图片

5、为banner设置图片加载器,此处用Picasso加载图片:
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)_第7张图片

对于banner的具体使用,可以查看github:
https://github.com/youth5201314/banner

你可能感兴趣的:(Android)