美文网首页
iOS流布局UICollectionView——圆环布局的实现

iOS流布局UICollectionView——圆环布局的实现

作者: F麦子 | 来源:发表于2017-02-23 01:36 被阅读259次

    转载:https://my.oschina.net/u/2340880/blog/523064

    一、引言

    前边的几篇博客,我们了解了UICollectionView的基本用法以及一些扩展,在不定高的瀑布流布局中,我们发现,可以通过设置具体的布局属性类UICollectionViewLayoutAttributes来设置设置每个item的具体位置,我们可以再扩展一下,如果位置我们可以自由控制,那个布局我们也可以更加灵活,就比如创建一个如下的circleLayout:

    这种布局方式在apple的官方文档中也有介绍,是UICollectionView的一个应用示例。

    二、设计一个圆环布局

    接着我们以前的想法,依然时候随机颜色的色块来表达我们的item,先自定义一个layout类,这个类继承于UICollectionViewLayout,UICollectionLayout是一个布局抽象基类,我们要使用自定义的布局方式,必须将其子类化,可能你还记得,我们在进行瀑布流布局的时候使用过UICollectionViewFlowLayout类,这个类就是继承于UICollectionViewLayout类,系统为我们实现好的一个布局方案。

    @interfaceMyLayout: UICollectionViewLayout//这个int值存储有多少个item

    @property(nonatomic,assign)int itemCount;

    @end

    我们需要重写这个类的三个方法,来进行圆环布局的设置,首先是prepareLayout,为布局做一些准备工作,使用collectionViewContentSize来设置内容的区域大小,最后使用layoutAttributesForElementsInRect方法来返回我们的布局信息字典,这个前面瀑布流布局的思路是一样的:

    如上非常简单的一些逻辑控制,我们就实现哦圆环布局,随着item的多少,布局会自动调整,如果不是UICollectionView的功劳,实现这样的功能,我们可能要写上一阵子了^_^。

    相关文章

      网友评论

          本文标题:iOS流布局UICollectionView——圆环布局的实现

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