在此之前,武林小編我也曾講過IOS實現(xiàn)圖片輪播的問題,本文接著進行敘述講解吧,這篇更為詳細,那閑話不多說,趕緊往下看看IOS實現(xiàn)圖片輪播以及無限循環(huán)效果,具體內(nèi)容如下:
之前說到第一個問題,ScrollView移動到最后一張圖片時無法移動了,這是因為ScrollView已經(jīng)移動到最后,而圖片又是依次排列,自然也就無法移動。
解決辦法是,我們換一個思路實現(xiàn)圖片輪播效果,ScrollView上只放三個ImageView,屏幕始終顯示中間的ImageView,左邊和右邊的ImageView分別代表前一張圖片和后一張圖片,屏幕移動的時候,中間的ImageView變化,同時左右兩邊的ImageView也隨之變化,兩種邊界情況:
(1)當屏幕顯示最后一張圖片時,右邊的ImageView也即下一站圖片應(yīng)該是最開始的第一張圖片;
(2)當屏幕顯示最開始的第一張圖片時,左邊的ImageView也即上一張圖片應(yīng)該是最后一張圖片。
這樣三個ImageView不斷變化就造成一種圖片輪播無限循環(huán)的效果。 參考:http://m.survivalescaperooms.com/article/81034.htm
相對于之前的效果,有一些改變,主要有:
(1)ScrollView只需要設(shè)置三個ImageView即可,并且默認顯示中間的ImageView

(2)根據(jù)ScrollView的移動情況,迅速變化三個ImageView中圖片數(shù)據(jù)

(3)ImageView更新完畢后,偷偷把ScrollView拉回到中間的ImageView位置,這樣視覺效果上就實現(xiàn)了無限循環(huán)的效果

效果圖:

?
但是,這里在加入定時器后實現(xiàn)圖片輪播自動循環(huán)時遇到了問題,主要是初始化顯示第一張圖片與根據(jù)定時器設(shè)置自動移動ScrollView有一些沖突,在code4App上找到其他人一個工程,采用的思路相同,單獨封裝了ScrollView進行處理,已經(jīng)解決該問題。
以上就是IOS實現(xiàn)圖片輪播以及無限循環(huán)效果的全部內(nèi)容,希望對大家的學習IOS有所幫助,如果還想更深入了解,那可得繼續(xù)關(guān)注武林技術(shù)頻道喲。
新聞熱點
疑難解答
圖片精選