美文网首页
Swift - 仿制AppStore首页

Swift - 仿制AppStore首页

作者: 燃烧的大叔 | 来源:发表于2016-05-25 19:06 被阅读633次

我们看AppStore首页界面,很多公司都会仿制。很多人都做过,也有很多人问怎么做。闲来无事简单的做一个Demo。

第一部分:无限滚动View

首先是第一部分,是无限滚动的视图。这个网上多的是。但是在这里还是在Code一遍,我做出我的理解。

下面使用UICollectionView来做,因为它自带滚动,自带复用,不用很麻烦你自定义cell,贴上去就行了。只要计算好位置就可以无限滚动了。

下面的图先说下我的基本构思:我写在scrollviewDelegate的scrollViewDidEndDecelerating

当我们滑到最有一个的时候 当我们在第一个的时候

主要代码如下:

初始化 交换的方法 scrollView的代理

第二部分:显示视图

这里整个列表是tableView,cell上嵌套collectionView。

还有就是上面的无限滚动的视图,在下拉的时候在顶部位置,上拉的时候跟着走。其实就是contentOffset和contentInset用法,效果如下

效果图

主要代码如下

代码

这样就大功告成了。

无限滚动的view没有添加计时和page标记,自己可以做。

最种效果如下:

最终效果

Demo地址:github.com/maomaoxiansheng/InfiniteScrollingAndAppStorePage

相关文章

网友评论

      本文标题:Swift - 仿制AppStore首页

      本文链接:https://www.haomeiwen.com/subject/hshtdttx.html