現在的App開發中,輪播圖幾乎是一個不可避免的都會用到的。個人封裝過輪播圖,也看過很多種不同的輪播圖,目前掌握的輪播圖無限輪播有四種不同的實現方式:
第一種:基于collectionView進行的封裝(推薦)
這種方式應該是實現起來最簡單的一種方式了,也是個人最喜歡的一種封裝方式。它的原理就是幾個collectionView,至于無限輪播,很簡單,只需要你的輪播數組給collectionView賦值的時候乘以一個較大的數字即可(例如100),collectionView本身處理了重用等一系列問題。
第二種:基于scrollView的無限輪播(首尾各多創建一個展示圖片的ImageView)
這種實現方式個人感覺是最麻煩,而且還需要考慮重用等性能問題的一種。基本的原理就是在根據你輪播數組的個數在首尾各多創建一個ImageView,當然首位之前多創建一個展示輪播數組最后一個的ImageView,而尾部多創建一個展示輪播數組第一個的ImageView。
例如輪播數組有4張圖。
3 0 1 2 3 0
當用戶在滑到最左或者最右的瞬間將scrollView的偏移量進行改變,因為其首尾各有一張,用戶在視覺上幾乎感覺不出來。
這種的缺點就是如果輪播數組中圖片太多,要考慮重用的問題。
第三種:同樣是基于scrollView的無限輪播(總共就創建三個ImageView)
這種實現方式比第二種的好處就是不需要考慮重用問題,不論數組是多少個輪播圖,我只創建三個ImageView。它與第二種的不同之處是其實用戶每次看到的一直都是中間那張的ImageView,只是上邊的內容改變了。其內部實現其實是在不斷的改變那個輪播數組。
第四種:只有一個ImageView
這種實現方式不再基于ScrollView,同樣不存在重用等的問題。這種實現方式跟第三種有相似之處,但是它跟第三種的區別是不再使用scrollView的圖片切換方式。還是不停地去改變這個數組的內容。這種實現方式的核心在于切換的時候使用自定義的layer層的轉場動畫。模擬scrollView的滑動效果。