带sectionHeaderView的UICollectionView

  1. headerView继承UICollectionReusableView
    实现CHTCollectionViewDelegateWaterfallLayout,UICollectionViewDataSource协议

  2. collectionView register HeaderView

  collectionView.registerClass(FLSearchHomeHeaderReusableView.self, forSupplementaryViewOfKind: CHTCollectionElementKindSectionHeader, withReuseIdentifier: "HeaderView")

3.重写viewForSupplementaryElementOfKind方法

    func collectionView(collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, atIndexPath indexPath: NSIndexPath) -> UICollectionReusableView {

      var reusableview:UICollectionReusableView?

      // kind 还有CHTCollectionElementKindSectionFooter值
      if kind == CHTCollectionElementKindSectionHeader {

          let headerView = collectionView.dequeueReusableSupplementaryViewOfKind(CHTCollectionElementKindSectionHeader, withReuseIdentifier: "HeaderView", forIndexPath: indexPath) as! FLSearchHomeHeaderReusableView

          switch indexPath.section {
          case 0:
              headerView.nameLabel.text = "热门标签"
              headerView.colorView.backgroundColor = FL.Style.tomatoRedColor
              break
          case 1:
              headerView.nameLabel.text = "食物分类"
              headerView.colorView.backgroundColor = FL.Style.tomatoRedColor
              break
          default:
              break
          }

          reusableview = headerView
      }

      return reusableview!
  }

4.设置sectionHeaderView的高度

    func collectionView(collectionView: UICollectionView!, layout collectionViewLayout: UICollectionViewLayout!, heightForHeaderInSection section: Int) -> CGFloat {
        return 70
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容