
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的背景颜色改为白色 运行效果

网友评论