天天看點

Android頂部banner輪播圖的兩種實作(ViewPager+ViewPagerIndicator/banner)

一、第一種方式: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