Swift - 仿制AppStore首頁

我們看AppStore首頁界面,很多公司都會仿制。很多人都做過,也有很多人問怎么做。閑來無事簡單的做一個Demo。

第一部分:無限滾動View

首先是第一部分,是無限滾動的視圖。這個網上多的是。但是在這里還是在Code一遍,我做出我的理解。

下面使用UICollectionView來做,因為它自帶滾動,自帶復用,不用很麻煩你自定義cell,貼上去就行了。只要計算好位置就可以無限滾動了。

下面的圖先說下我的基本構思:我寫在scrollviewDelegate的scrollViewDidEndDecelerating

當我們滑到最有一個的時候



當我們在第一個的時候

主要代碼如下:

初始化


交換的方法
scrollView的代理

第二部分:顯示視圖

這里整個列表是tableView,cell上嵌套collectionView。

還有就是上面的無限滾動的視圖,在下拉的時候在頂部位置,上拉的時候跟著走。其實就是contentOffset和contentInset用法,效果如下

效果圖

主要代碼如下

代碼

這樣就大功告成了。

無限滾動的view沒有添加計時和page標記,自己可以做。

最種效果如下:

最終效果

Demo地址:github.com/maomaoxiansheng/InfiniteScrollingAndAppStorePage

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,245評論 4 61
  • 廢話不多說,直接上干貨 ---------------------------------------------...
    小小趙紙農閱讀 3,436評論 0 15
  • 下午,上班路上,街角拐彎的地方,停著一輛三輪車,上面擺滿了花花綠綠的包裝紙和一些包裝好的平安果。 圣誕節呢!現在的...
    一曲清歌一首詞閱讀 290評論 0 1
  • 絲線紛飛,那是她凝結的淚,一層復一層,她將自己包裹得密不透風。絲盡軀空,作繭自縛。黑暗與疼痛,包圍與寂寞,也淋不濕...
    都怪丫頭不可愛閱讀 336評論 0 1
  • 生命的歷程雖然看似復雜,如果簡單化卻是一個欲望與神貧、誘惑與守貞、自我與順服的修煉道途。 今天從外面很晚回來,內心...
    星星的語言閱讀 345評論 0 4