Swift -- UICollectionViewLayout自定义，满足你不同的布局需要

最新推荐文章于 2025-05-10 13:33:25 发布

SoftwareDoger

最新推荐文章于 2025-05-10 13:33:25 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏：编程的魅力常识原理

本文链接：https://blog.csdn.net/SoftwareDoger/article/details/106729601

本文详细介绍了如何使用Swift自定义UICollectionViewLayout，以满足各种复杂的布局需求。通过实例解析，你将学会如何创建流式布局、瀑布流布局等，实现布局的灵活性和创新性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


   项目中需要用到UICollectionView的地方非常多，这样我们常常要写满足不同布局需要的cell的布局方式，比如在一个BaseVC中，我们设置代理数据源什么的，然后在ViewDidLoad中开始写一堆的布局代码，这样显的VC中的代码很乱，我们也没有一个清晰的认识，我常会单独创建一个继承自UICollectionViewLayout的类FamilyFlowLayout，代码如下：


import UIKit

class FamilyFlowLayout: UICollectionViewLayout {
   
   
    
    var columnCount: Int = 3 {
   
   
        didSet {
   
   
            collectionView?.reloadData()
        }
    }
    
    var itemHeight: CGFloat = 0.0
    var itemWidth: CGFloat = 0.0
    var margin: CGFloat = 20
    
    override func prepare() {
   
   
        super.prepare()
        
        itemWidth = ((self.collectionView?.frame.width ?? 0.0) - 80)/3
        itemHeight = ((<