(十)swift UICollectionViewController常用操作(swift 九宫格)

来源:互联网 发布:类似snapchat的软件 编辑:程序博客网 时间:2024/05/21 05:55

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)
}

运行模拟器,结果如下:
这里写图片描述

0 0