【Mac OS 基础UI开发】 NSCollectionVie

闲来无事，准备从基础制作Mac OS 开发教程，看看能坚持到哪一天....

> 今天刚好在做NSCollectionView的异常 那就做NSCollectionView的教程吧

首先得了解你为什么要用CollectionView:   一个View下加载多个相同子view，不用自己排版，可以自动布局，这就是collectionView的优势.OK. 让我们开始吧...

---

一. 新建一个Demo Project. 

创建好后，选择mainstory.的view,将collectionView添加到UI上，并且添加约束

添加约束：选中collection view->Editor->Resolve Auto Layout Issues->Add Missing Constraints

添加约束 完成约束

2. 添加CollectionViewItem 继承自NSCollectionViewItem，勾选create xib

添加CollectionViewItem 设置collectionViewItem尺寸和autoresizing

在collectionViewItem中加入一个Label 和一个 Button

绑定 Label的值=item.info,Button的click行为改变info内容.

原谅我未设置MarkDown代码就不贴了 下载demo吧

---

重新回到Main.storyboard 中 ，将collectionView 设置item尺寸和我们上面设置的尺寸一样.

设置CollectionView 的datasource & delegate 为View Controller

设置dataSource & deletage

将collection View 与button 绑定到viewController上，viewController遵守NSCollectionViewDataSource & NSCollectionViewDelegate

遵守Delegate及DataSource协议

ViewController 中添加数组属性 dataSource 用于存放 CollectionViewItem对象，以便按钮添加

添加dataSource 数组 存放item对象

实现2个重要的代理方法，以及按钮动作

代理方法及按钮动作

完成以上基础动作后，collection View 就可以执行了. Let me Run.

点击按钮添加了2个子item

不过背景色真丑，在item 的viewdidload中改一下背景色

修改item背景色

再Run--->>

好多了

原谅我的审美，大概就是这样了... 希望大家Get了.

Demo链接：NSCollectionViewDemo