美文网首页
【iOS】UICollectionView 详解

【iOS】UICollectionView 详解

作者: 文子飞_ | 来源:发表于2021-11-11 09:41 被阅读0次

    一、UICollectionView水平、竖直间隙问题,可通过itemSize、contentInset、minimumLineSpacing、minimumInteritemSpacing调节

    // CollectionView
    lazy var imageCollectionView: UICollectionView = {
            // 左、中、右等间隙15
            let kItemWidth = (UIScreen.main.bounds.width - 15*3) / 2.0
            
            let flowLayout = UICollectionViewFlowLayout()
            flowLayout.itemSize = CGSize(width: kItemWidth, height: kItemWidth*0.75)
            flowLayout.scrollDirection = .vertical
            // 行间隙15
            flowLayout.minimumLineSpacing = 15
            flowLayout.minimumInteritemSpacing = 0
            
            let collectionView = UICollectionView(frame: .zero, collectionViewLayout: flowLayout)
            collectionView.showsVerticalScrollIndicator = false
            collectionView.backgroundColor = .clear
            
            collectionView.dataSource = self
            collectionView.delegate = self
            collectionView.register(WSFServiceCompleteImageCollectionCell.self, forCellWithReuseIdentifier: NSStringFromClass(WSFServiceCompleteImageCollectionCell.self))
             // 上、左、右间隙15
            collectionView.contentInset = UIEdgeInsets(top: 15, left: 15, bottom: 0, right: 15)
            
            return collectionView
        }()
    
    override func addConstraint() {
            super.addConstraint()
            imageCollectionView.snp.makeConstraints { make in
                make.top.leading.trailing.bottom.equalTo(self.view)
            }
    }
    
    // 单元格
    private func addConstraints() {
            containerView.snp.makeConstraints { make in
                // 顶部间隙15
                make.edges.equalTo(self.contentView).inset(UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0))
            }
    }
    
    
    image.png

    相关文章

      网友评论

          本文标题:【iOS】UICollectionView 详解

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