Demo 说明:九宫格
软件环境:编译器:XCode 7.1.1
1、 新建 XCode “Single View Application” 项目
填入Product Name:“MyCollection” , Next -> 选择路径,保存。
2、 删除所有视图,新建UICollectionViewController
单击打开Main.storyboard,删除所有视图,同时视图加入UICollectionViewController 选择下图中的九格图标,拖拽入Main.storyboard
视图板结果如下:
3、 修改Title和默认视图选项
单击 ,或单击 。
右侧选择“属性选择器” ,Title 填入“home” ,勾选“Is Initial View Controller”
4、 新建“Cocoa Touch Class”,绑定视图
新建Cocoa Touch Class
继承自 UICollectionViewController
绑定视图:选择新建的类”CollectionViewController”
点击:
,选择身份识别器
更改Class 为“CollectionViewController”
绑定视图:选择新建的类”CollectionViewController”
5、 调整“CollectionViewController.swift”代码,显示九宫格
修改函数numberOfSectionsInCollectionView:设置返回值为1(视图个数),
代码如下:
numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
return 1
}
修改函数 collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int:设置cell个数 为9
代码如下:
override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 9
}
修改函数func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell
代码如下:
var i = 1;
override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath)
let _frame = CGRect(x:0, y:0, width:100,height:40)
let nil_label = UILabel(frame: _frame)
nil_label.tag = 1;
nil_label.text = “Hello” + String(i++);
cell.contentView.addSubview(nil_label)
return cell
}
启动模拟器运行,模拟器结果如下:
判断结果每一个cell 小于标准九宫格要求。
6、 通过代码调整九宫格大小
新增代码如下:
func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize
{
let frame = self.view.frame;
var width = frame.width
width = CGFloat(Int(width/3)-10)
return CGSize(width: width, height: width)
}
运行模拟器,结果如下: