[iOS]UICollectionView布局使用之一-简单布局

本文探讨了UICollectionView在iOS应用中的使用,特别是如何利用UICollectionViewFlowLayout实现商品列表效果。内容包括UICollectionView的工作流程,其作为容器展示cell的方式,以及布局的重点。文中还强调了section的概念,计算每个cell的数量的方法,以及headerReferenceSize对section间隔的影响。并提供了一个简单的自定义UICollectionViewCell和在UIViewController中使用的基本示例。
摘要由CSDN通过智能技术生成

UICollectionView组件从iOS5开始就有了,但是一般项目很少用。这里还是梳理一下它的使用方法。

我们看到很多电商类APP,比如:天猫,京东,里面的商品列表,就可以用UICollectionView来实现。

借用苹果的一张图了解下它的工作流程:

UICollectionView工作流程

 

a、首先我们从APP界面上看到的是一行行和一列列的单元格,就是类似tableview的cell.在UICollectionView里面叫UICollectionViewCell.

b、正如上面item a所述,UICollectionView是一个容器,它用来装载一个个cell

c、cell的呈现方式或者我们叫layout方式。一般而言简单的就是苹果跟我们提供好的UICollectionViewFlowLayout,直接用即可,更复杂的界面布局我们可以自定义

d、cell的数据源来自哪里以及对cell的操作是怎么样的,这里就是跟table类似了,通过dataSoure和delegate来实现。这一部分比较简单。

最关键的还是item c里面的描述,布局方式是重点。接下来我们看看下UICollectionViewFlowLayout。

//同一组当中,垂直方向:行与行之间的间距;水平方向:列与列之间的间距
@property (nonatomic) CGFloat minimumLineSpacing;
//垂直方向:同一行中的cell之间的间距
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值