美文网首页APP 的编程学习
10.自定义的HeaderView

10.自定义的HeaderView

作者: whong736 | 来源:发表于2017-06-23 14:42 被阅读17次

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

相关文章

网友评论

    本文标题:10.自定义的HeaderView

    本文链接:https://www.haomeiwen.com/subject/cylccxtx.html