UIScrollView實現不全屏分頁的小技巧


瀏覽一系列圖片時,我們會 經常使用UIScrollView來進行實現,因為其自帶的pagingEnabled屬性,可以非常方便的自動支持手勢左右輕掃切換切換頁面。 pagingEnabled 不過最近做的一個產品,設計的效果有所不同,希望每一頁圖片的寬度小於屏幕寬度,但也要保證圖片之間是相連的,即在屏幕的中間部分顯示一幅圖片,中間兩邊顯示相鄰圖片的一小部分,最開始發現有點棘手,需要關閉pagingEnabled屬性,自己實現分頁效果。但是嘗試之后發現要想達到滿意的交互體驗,要做的事情真不少,偶然的機會想到了一個巧妙的方法來達到這一效果,即:

將UIScrollView大小設置為一張圖片的大小,然后嵌入一個滿屏的UIView中,設置clipsToBounds屬性為NO,則UIScrollView中的圖片內容會溢出frame所限制的區域,從而巧妙地實現了不全屏分頁的效果:)

1
yourScrollView.clipsToBounds = YES


免責聲明!

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



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