1，layout
该属性表示布局方式，有Flow、Custom两种布局方式。默认是Flow流式布局。
2，Accessories
是否显示页眉和页脚
3,各种尺寸属性
Cell Size：单元格尺寸
Header Size：页眉尺寸
Footer Size：页脚尺寸
Min Spacing：单元格之间间距
Section Insets：格分区上下左右空白区域大小。
二、流布局的简单样例
1，先创建一个应用Simple View Application，删除默认的
View Controller，拖入一个
Collection View Controller到界面上，这时我们可以看到已经同时添加了
Collection View和
Collection View Cell控件。
4，设置
Image View的
tag为
1，
Label的
2，
Colletion View Cell的
Identifier为
DesignViewCell。
效果图如下：
--- ViewController.swift ---
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
|
import
UIKit
class
ViewController: UICollectionViewController {
let courses = [
[
"name"
:
"Swift"
,
"pic"
"swift.png"
],
]
override
func viewDidLoad() {
super
.viewDidLoad()
// 已经在界面上设计了Cell并定义了identity，不需要注册CollectionViewCell
//self.collectionView.registerClass(UICollectionViewCell.self,
// forCellWithReuseIdentifier: "DesignViewCell")
self.collectionView?.backgroundColor = UIColor.whiteColor()
}
func collectionView(collectionView: UICollectionView,
numberOfItemsInSection section: Int) -> Int {
return
courses.count;
}
// 获取单元格
cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
// storyboard里设计的单元格
let identify:
String
=
"DesignViewCell"
let cell = (self.collectionView?.dequeueReusableCellWithReuseIdentifier(
identify,forIndexPath: indexPath))!
as
UICollectionViewCell
// 从界面查找到控件元素并设置属性
(cell.contentView.viewWithTag(
1
)
! UIImageView).image =
UIImage(named: courses[indexPath.item][
]!)
2
! UILabel).text =
courses[indexPath.item][
]
cell
}
func didReceiveMemoryWarning() {
.didReceiveMemoryWarning()
}
@H_950_404@设置可重用标识
@H_950_404@设置cell的宽高和间距
|
