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

时间:2022-08-04 10:12:06

一、第一种方式:ViewPager+ViewPagerIndicator

1、在gradle文件中,加入ViewPagerIndicator的依赖,我是以jar的形式添加
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)

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

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

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

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

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

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

1、在gradle中添加banner的依赖:
Android顶部banner轮播图的两种实现(ViewPager+ViewPagerIndicator/banner)

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

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

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

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

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