ScrollView循環滾動圖片

涉及到banner頁或者相冊瀏覽,考慮到性能問題和用戶體驗性,經常要用到ScrollView循環滾動圖片,在此只分析banner頁,相冊瀏覽類似:


設計思想:

UIScrollView添加三個ImageView:firstImgView,secondImgView,thirdImgView。

當前每次顯示的都是secondImgView,firstImgView顯示前一張圖片,thirdImgView顯示後一張圖片,若secondImgView顯示的是第一張圖片,則firstImgView顯示最後一張圖片;若thirdImgView顯示的是最後一張圖片,則thirdImgView顯示第一張圖片。

每次滾動到thirdImgView時,都要把secondImgView的圖片設爲thirdImgView圖片,剩餘兩者做相應處理,並且把scrollView滑動到secondImgView。

記住:永遠只顯示SecondImgView。


用到的控件:

ScrollView與PageControl




關鍵代碼:

相關屬性:


數據源方法:


初始化視圖屬性:


中間ImageView顯示當前圖片:


開啓定時器:


UIScrollView的代理協議:


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章