码迷,mamicode.com
首页 > 编程语言 > 详细

swift:创建集合视图UICollectionView

时间:2015-10-24 20:13:01      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:

swift中创建集合视图和OC中差不多,主要是实现UICollectionViewDataSource数据源协议和UICollectionViewDelegateFlowLayout自定义布局协议,其中UICollectionViewDelegateFlowLayout自定义布局协议继承自UICollectionViewDelgate.使用自定义布局,可以设置集合视图单元格的大小、位置、间距等等

例如:

      let flowLayout = UICollectionViewFlowLayout()  //创建布局对象

      flowLayout.itemSize = CGSizeMake((device_width-7)/2, 210)//设置每一个cell大小

      flowLayout.scrollDirection = UICollectionViewScrollDirection.Vertical//设置垂直显示

      flowLayout.sectionInset = UIEdgeInsetsMake(0, 1, 0, 1)//设置边距

      flowLayout.minimumLineSpacing = 0.0;//每个相邻layout的上下

      flowLayout.minimumInteritemSpacing = 0.0;//每个相邻layout的左右

      flowLayout.headerReferenceSize = CGSizeMake(0, 0);

 

具体举例如下:

1.创建一个工程,名称为集合视图--swift

技术分享

2.导入素材,我导入了9张图片

技术分享

3.在ViewController.swift中进行代码的操作:

//声明属性并让类继承协议

技术分享

//将属性初始化

技术分享

//准备数据

技术分享

//设置数据源和代理

技术分享

//流失布局时设置集合视图单元格大小

技术分享

//注册cell

技术分享

//将集合视图添加到视图中

技术分享

//实现数据源协议

技术分享

//实现代理协议

技术分享

运行结果截图:

技术分享  技术分享

swift:创建集合视图UICollectionView

标签:

原文地址:http://www.cnblogs.com/XYQ-208910/p/4907378.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!