如何做一个类似Apple News App的collection view?
How to make a collection view similar to the Apple News App?
我正在尝试创建一个类似于 iOS 10 上 Apple News 应用程序布局的应用程序。有不同的部分,例如 Top Stories
、For you
等。我在下面放置了 For You
部分的图片:
上面的布局在顶部有一篇大文章(120 亿加仑水文章),然后是 2 篇水平文章(Ron howard 和 google cloud),最后是两篇垂直文章(philando castile 和 Daniel刘易斯)。
我的问题是如何实现这一目标?我在想的是,您在 UICollectionView
中有多个部分(一个部分用于 For you
、Technology
、Politics
等),每个部分都有一个主 UICollectionView 单元格。然后在该主单元格内还有另外 3 个不同的单元格(一个用于大文章,一个用于垂直文章,一个用于水平文章)。这是实现这一目标的好方法吗?就像为一个 UICollectionView
?
创建这么多单元格
您可以使用 UICollectionFlowLayout
布局任何您想要的内容。
这是我刚刚做的example。
希望对您有所帮助。
我正在尝试创建一个类似于 iOS 10 上 Apple News 应用程序布局的应用程序。有不同的部分,例如 Top Stories
、For you
等。我在下面放置了 For You
部分的图片:
上面的布局在顶部有一篇大文章(120 亿加仑水文章),然后是 2 篇水平文章(Ron howard 和 google cloud),最后是两篇垂直文章(philando castile 和 Daniel刘易斯)。
我的问题是如何实现这一目标?我在想的是,您在 UICollectionView
中有多个部分(一个部分用于 For you
、Technology
、Politics
等),每个部分都有一个主 UICollectionView 单元格。然后在该主单元格内还有另外 3 个不同的单元格(一个用于大文章,一个用于垂直文章,一个用于水平文章)。这是实现这一目标的好方法吗?就像为一个 UICollectionView
?
您可以使用 UICollectionFlowLayout
布局任何您想要的内容。
这是我刚刚做的example。
希望对您有所帮助。