collectionview 如何设置section的背景色

collectionview设置section的背景颜色。

准备工作:
  • Mac电脑
  • Xcode
  1. 1
    方法:

    新建Xcode工程,界面如下:

    collectionview 如何设置section的背景色
  2. 2

    创建collectionview并且遵循代理,当前collectionview的背景设置为白色,cell的颜色设置为黄色,元素显示10个元素,效果图如下:

    collectionview 如何设置section的背景色
    collectionview 如何设置section的背景色
  3. 3

    新建SectionView继承UICollectionReusableView,具体操作如下:

    collectionview 如何设置section的背景色
    collectionview 如何设置section的背景色
    collectionview 如何设置section的背景色
  4. 4

    自定义组头SectionView的.m实现如下所示,为了区分显示效果,在这里把视图背景设置为红色。

    collectionview 如何设置section的背景色
  5. 5

    在ViewController.m中导入头文件,并且注册自定义组头,如下图:

    collectionview 如何设置section的背景色
  6. 6

    设置组头的宽高以及分组数,在这里设置为屏幕宽,高度为30,一共3个分组,最后实现组头的显示,具体如下图,最后实现的效果如下图,红色为组头,黄色为cell。

    collectionview 如何设置section的背景色
    collectionview 如何设置section的背景色
    END