- collectionView是iOS中一个非常重要的空间，但是使用的频率可能不高，方法相对来说和tableview有所不同，记录一下，防止遗忘
- 1.创建UICollectionViewLayout
- 2.创建UICollectionView
- 3.设置数据源方法
- 4.设置代理方法
- 5.注册cell
1.创建UICollectionViewLayout
- 过去一直认为collectionView比较难使用，尤其是
UICollectionViewLayout，不知道该怎么设置，后来突然想到了，其实UICollectionViewLayout和tableview的UITableViewStyle.Plain是一样的，就是一个必设的属性。只不过**UICollectionViewLayout **是具体的item的大小，样式，间距等等属性，我们要用具体的flow实例化对象
private let flowLayout : UICollectionViewFlowLayout = {
let flt = UICollectionViewFlowLayout()
flt.minimumLineSpacing = 0
flt.minimumInteritemSpacing = 0
flt.scrollDirection = UICollectionViewScrollDirection.Horizontal
flt.itemSize = UIScreen.mainScreen().bounds.size
return flt
}()
2.创建UICollectionView
- 因为我认为，collectionView的生成，他要变成什么样子的，他自己最清楚，所以就讲flowLayout的的创建全部放到collectionViewController的内部
init(){
super.init(collectionViewLayout:flowLayout)
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
**init 之所以没有去写override,是因为collectionVC默认的方法是init(collectionViewLayout layout: UICollectionViewLayout) **
设置一下collectionView的基本属性，可以分页，和横向滑动，竖直方法滑动
self.collectionView!.bounces = false
collectionView?.pagingEnabled = true
collectionView?.showsHorizontalScrollIndicator = false
3.设置数据源方法
如果vc继承于UICollectionViewController的话，extension方法这样写
extension WXNewFeatureController{
// MARK: UICollectionViewDataSource
override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
return 1
}
override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 4
}
override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as! WXNewFeatureCell
cell.imageIndex = indexPath.item
return cell
}
}
4.设置代理方法
代理方法可以写，也可以不写~~
5.注册cell
如果懒得自定义就用系统的
//声明一个常量
private let reuseIdentifier = "Cell"
//去注册
override func viewDidLoad() {
super.viewDidLoad()
self.collectionView!.registerClass(WXNewFeatureCell.self, forCellWithReuseIdentifier: reuseIdentifier)
}
//调用
override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath)
return cell
}
6.自定义cell
因为一直习惯封装，而且可以各种自定义内部控件，所以就去封装一下，这个cell就是在这个collectionViewController中使用，所以我么就将这个cell的创建放到这个文件中，而且创建可以使用private修饰，方法也可以用它修饰，在这个文件中，Private修饰的都可以随意调用，哪怕不是同一个类都行
private class WXNewFeatureCell:UICollectionViewCell{
//对外开放一个index属性
var imageIndex : NSInteger? {
didSet{
imageView.image = UIImage(named: "new_feature_\(imageIndex! + 1)")
lab.text = "new_feature_\(imageIndex! + 1)"
//判断如果是第4个页面，我们就去添加一个按钮
if imageIndex! + 1 == 4 {
confirmBtn.hidden = false
contentView.addSubview(confirmBtn)
}
}
}
//懒加载数据
private lazy var imageView : UIImageView = {
return UIImageView()
}()
private lazy var lab : UILabel = UILabel()
private lazy var confirmBtn:UIButton = {
let btn = UIButton()
btn.hidden = true
btn.setBackgroundImage(UIImage(named: "new_feature_button_highlighted"), forState: UIControlState.Highlighted)
btn.setBackgroundImage(UIImage(named: "new_feature_button"), forState: UIControlState.Normal)
return btn
}()
//MARK：-自定义一个collctionView
override init(frame: CGRect) {
super.init(frame: frame)
setupUI()
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
//创建子控件
private func setupUI(){
contentView.addSubview(imageView)
contentView.addSubview(lab)
//创建完子控件，必须调用这个方法，否则不去调用布局方法
setNeedsUpdateConstraints()
}
//初始化的时候，如果不去调用的话，不走这个方法，很恶心，所以初始化完毕一定要去调用一下
override func updateConstraints() {
super.updateConstraints()
imageView.autoPinEdgesToSuperviewEdges()
lab.autoPinEdgesToSuperviewEdges()
if imageIndex == 3 {
let size = confirmBtn.currentBackgroundImage?.size
confirmBtn.autoSetDimensionsToSize(size!)
confirmBtn.autoAlignAxisToSuperviewAxis(ALAxis.Vertical)
confirmBtn.autoPinEdgeToSuperviewEdge(ALEdge.Bottom, withInset: 100)
}
}
}
7.flowLayout可以的自定义
我太懒，就不写了，可以在这个文件中写，没关系~
