Mac开发之NSCollectionView使用以及自定义item

与iOS中的UICollectionView相似,在Mac开发中,我们也会常常用到NSCollectionView来展示内容,但在使用中,与iOS有较大差别,尤其对Mac开发新手来说,不得不到头文件中慢慢搜索,结果事倍功半,本文简示范基础用法,可以快速上手练习,好了,闲话少叙,开启工程实例,开发语言使用Swift3.0

创建工程

Mac开发之NSCollectionView使用以及自定义item_第1张图片
创建CocoaApplication

选择开发语言

Mac开发之NSCollectionView使用以及自定义item_第2张图片
使用Swift

添加NSCollectionView

Mac开发之NSCollectionView使用以及自定义item_第3张图片
添加NSCollectionView

设置约束

Mac开发之NSCollectionView使用以及自定义item_第4张图片
设置NSCollectionView约束

设置连线属性

Mac开发之NSCollectionView使用以及自定义item_第5张图片
添加属性

添加自定义CollectionViewItem

Mac开发之NSCollectionView使用以及自定义item_第6张图片
添加文件
Mac开发之NSCollectionView使用以及自定义item_第7张图片
选取模版
Mac开发之NSCollectionView使用以及自定义item_第8张图片
创建item文件

实现代码(ViewController.swift)

Mac开发之NSCollectionView使用以及自定义item_第9张图片
实现代码

CustomItem.swift

Mac开发之NSCollectionView使用以及自定义item_第10张图片
为了能看见item,设置背景色

运行效果

Mac开发之NSCollectionView使用以及自定义item_第11张图片
运行效果

Demo示例地址:

Demo源码

你可能感兴趣的:(Mac开发之NSCollectionView使用以及自定义item)