自定义collectionView 的headerView

       在我们平时编写代码时,会遇到自定义collectionView的headerView的情况,我在第一次遇到这种问题的时候,因为了解的不够多,花费了很长时间才调好,所以在这里写下来,希望可以帮助有同样需求的人节省一些时间。那就话不多说,直接上干货了。

1、首先,是大家都知道的,在viewController中签署这些代理,这里直接上图片(偷个懒)

viewController中需要签署的代理

2、其次是我们在创建collectionView的时候,为他签好代理。

签署代理

3、下面是定义headerView的尺寸的代理方法。注意它的返回值类型是CGSize,我们只需要给它一个宽和高就可以了,例如CGSize(width : 20, height : 20)。

设置headerView的size

4、创建文件,编辑我们的自定义headerView,这里选择文件类型的时候,注意是UICollectionReusableView类型。创建好的如下:

自定义collectionView 的headerView_第1张图片
创建我们要自定义的headerView

5、接下来是定义headerView样式的方法,在此之前,我们需要注册一下我们定义好的样式View

自定义collectionView 的headerView_第2张图片
设置headerView的样式

在这个方法中,第一个if语句中的if里边,就是我们要自定义的样式,如果我们只需要使用默认的样式,那么就设置成else里的就可以了。这里要注意的是,在创建collectionView的时候就要注册好我们所要用到的样式,代码如下:

注册样式

现在我们就定义好了我们的headerView,这里我省略掉了我们的collectionView的其他代理方法,例如cell的样式、高度、数量等。还有就是为了方便讲解我的headerView文件是新建的,与样式方法中的文件名是不同的哦,我们在使用时一定要将他们统一。希望可以帮到有需求的人。

你可能感兴趣的:(自定义collectionView 的headerView)