1.在homeView的view中新建cell和Xib文件
如果要新建头，就要继承自 UICollectionReusableView，并勾选创建XIB文件
将准备好的图标素材添加的资源库中
来到CollectionHeaderView的XIB文件中，对XIB进行布局
1.拖入一个View的控件到界面，设置背景颜色
2.设置布局约束
设置上边距为0，左边距为0，右边距为0 ，高度为10
效果：item之间的分割线
继续设置图标，拖入一个ImageView，拷贝需要显示的图标名，按住Command + = 使图标缩放到图标大小。
设置图标的约束条件
设置垂直中心点对齐
拖入一个Buttom
设置文字的颜色
对button进行约束布局
最终效果
下面回到推荐的控制器，将之前的普通的Cell注册，改成XIB的注册形式
将下面的截图中的注册进行修改
改为XIB注册
删除之前cell设置的绿色背景颜色和CollectionView的背景颜色改为白色 运行效果
网友评论