本文接著上篇文章進(jìn)行敘述講解，主要為大家分享了圖片輪播無限循環(huán)效果的實(shí)現(xiàn)方法，具體內(nèi)容如下

之前說到第一個(gè)問題，ScrollView移動(dòng)到最后一張圖片時(shí)無法移動(dòng)了，這是因?yàn)镾crollView已經(jīng)移動(dòng)到最后，而圖片又是依次排列，自然也就無法移動(dòng)。

解決辦法是，我們換一個(gè)思路實(shí)現(xiàn)圖片輪播效果，ScrollView上只放三個(gè)ImageView，屏幕始終顯示中間的ImageView，左邊和右邊的ImageView分別代表前一張圖片和后一張圖片，屏幕移動(dòng)的時(shí)候，中間的ImageView變化，同時(shí)左右兩邊的ImageView也隨之變化，兩種邊界情況：

（1）當(dāng)屏幕顯示最后一張圖片時(shí)，右邊的ImageView也即下一站圖片應(yīng)該是最開始的第一張圖片；

（2）當(dāng)屏幕顯示最開始的第一張圖片時(shí)，左邊的ImageView也即上一張圖片應(yīng)該是最后一張圖片。

這樣三個(gè)ImageView不斷變化就造成一種圖片輪播無限循環(huán)的效果。 參考：//www.fzitv.net/article/81034.htm

相對(duì)于之前的效果，有一些改變,主要有：

（1）ScrollView只需要設(shè)置三個(gè)ImageView即可，并且默認(rèn)顯示中間的ImageView

（2）根據(jù)ScrollView的移動(dòng)情況，迅速變化三個(gè)ImageView中圖片數(shù)據(jù)

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

效果圖：

但是，這里在加入定時(shí)器后實(shí)現(xiàn)圖片輪播自動(dòng)循環(huán)時(shí)遇到了問題，主要是初始化顯示第一張圖片與根據(jù)定時(shí)器設(shè)置自動(dòng)移動(dòng)ScrollView有一些沖突，在code4App上找到其他人一個(gè)工程，采用的思路相同，單獨(dú)封裝了ScrollView進(jìn)行處理，已經(jīng)解決該問題。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。

最新評(píng)論