iOS開發之ImageView復用實現圖片無限輪播


  在上篇博客中iOS開發之多圖片無縫滾動組件封裝與使用給出了圖片無限輪播的實現方案之一,下面在給出另一種解決方案。今天博客中要說的就是在ScrollView上貼兩個ImageView, 把ImageView進行交替切換來實現圖片的無限輪播,在輪播時去修改ImageView上的圖片。上一篇博客中是有幾張圖片就實例化幾個ImageView, 然后事先把Image貼到相應的ImageView上,這種做法比較簡單,而且易於實現。

  今天這篇博客就要實現使用兩張ImageView, 交替的區展示Image, Image是在將要顯示的時候才貼到ImageView上,好廢話少說,進入今天博客的主題。

  一、運行效果及原理分析

    1.Demo的運行效果

    下圖的Gif是本片博客Demo的運行效果,但從效果上來看,和上一篇博客的運行效果是一樣的,但本質和實現原理是不同的。在本篇博客的結尾會給出Demo在Github上的分享地址,首先大家可以看一下效果,是可以無限輪播的,而且可以支持手動滑動。點擊每張圖片也是會通過Block回調的方式給出每張圖片的索引的。

    2. 原理實現分析

    下圖呢是簡單畫的原理圖,以3張圖片為例,當然使用的是兩個ImageView,並給出了三張圖片在兩張ImageView以及在可視區的展示順序。把原理搞明白了敲代碼也就輕松了,在寫代碼時不要在思路不清晰的情況下就開始動鍵盤。原理的核心就是當是新的圖片永遠是加在第二張ImageView上的,下一輪的第一張圖片,是上一輪的第二張圖片,這樣就可以形成一個無縫滾動了。還是看下面這張原理圖吧,自己畫的,應該是可以看的。

    

  二、demo分享

    關於本篇博客的代碼呢,就不一行一行的往博客上粘貼了,原理明白了,實現應該不成問題的,本篇的博客代碼會分享到github上,下方是github的分享地址,有興趣的小伙伴可以Clone一下。

    gitHub分享地址:https://github.com/lizelu/ZLImageScrollView

 

    接下來的幾篇博客會給大家分享SQLite的一些東西,更深一層的窺探一下SQLite數據庫~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM