我們看AppStore首頁界面,很多公司都會仿制。很多人都做過,也有很多人問怎么做。閑來無事簡單的做一個Demo。
第一部分:無限滾動View
首先是第一部分,是無限滾動的視圖。這個網上多的是。但是在這里還是在Code一遍,我做出我的理解。
下面使用UICollectionView來做,因為它自帶滾動,自帶復用,不用很麻煩你自定義cell,貼上去就行了。只要計算好位置就可以無限滾動了。
下面的圖先說下我的基本構思:我寫在scrollviewDelegate的scrollViewDidEndDecelerating
當我們滑到最有一個的時候
當我們在第一個的時候
主要代碼如下:
初始化
交換的方法
scrollView的代理
第二部分:顯示視圖
這里整個列表是tableView,cell上嵌套collectionView。
還有就是上面的無限滾動的視圖,在下拉的時候在頂部位置,上拉的時候跟著走。其實就是contentOffset和contentInset用法,效果如下
效果圖
主要代碼如下
代碼
這樣就大功告成了。
無限滾動的view沒有添加計時和page標記,自己可以做。
最種效果如下:
最終效果
Demo地址:github.com/maomaoxiansheng/InfiniteScrollingAndAppStorePage