Swift collectionView 添加货架装饰器

Question

我一直坚持在我的布局中以类似货架的模式实现装饰视图。起初，我想在滚动时生成新的 decorationView 元素，而不是将它们添加到缓存中。但是当我尝试用最后一个单元格的 indexPath 生成 decorationView 时，在删除项目应用程序时立即崩溃。然后，我尝试为装饰视图实现一些缓存，在 layoutAttributesForElements(in rect: CGRect) 中检查它们，但是应用程序开始做奇怪的事情：如果我尝试删除一开始没有出现在屏幕上的项目之一，应用程序立即崩溃。但是，如果我先删除这些元素的几个元素，然后从末尾开始删除元素，一切都会好起来的。如何更好地将这些装饰器添加到我的布局中？我现在的代码如下：

class YourFoodFlowLayout: UICollectionViewFlowLayout {
private enum DecorationViewKind: String {
    case shelfView = "ShelfView"
}

private var cashedDecorationView = [UICollectionViewLayoutAttributes]()

override init() {
    super.init()
    self.register(ShelfCollectionReusableView.self, forDecorationViewOfKind: DecorationViewKind.shelfView.rawValue)
}


required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    self.register(ShelfCollectionReusableView.self, forDecorationViewOfKind: DecorationViewKind.shelfView.rawValue)
}

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    guard let atributes = super.layoutAttributesForElements(in: rect) else {
        return nil
    }
    var mutatingAtributes = atributes
    //find max Y position of the cells

    var position = CGRect.zero
    position.size.width = rect.size.width
    position.size.height = 16

    for atribute in mutatingAtributes {
        atribute.zIndex = 1
        if atribute.frame.maxY > position.origin.y {
            position.origin.y = atribute.frame.maxY
            if rect.intersects(position) {
                var atribute: UICollectionViewLayoutAttributes? = nil
                for decorationView in cashedDecorationView {
                    if decorationView.frame == position {
                        atribute = decorationView
                    }
                }
                if let atribute = atribute {
                    mutatingAtributes.append(atribute)
                } else {
                    guard let shelfAtribute = layoutAttributesForDecorationView(ofKind: DecorationViewKind.shelfView.rawValue, at: IndexPath(index: cashedDecorationView.count)) else {
                        continue
                    }
                    shelfAtribute.frame = position
                    cashedDecorationView.append(shelfAtribute)
                    mutatingAtributes.append(shelfAtribute)
                }
            }

        }
    }

    return mutatingAtributes
}

override func prepare() {
    super.prepare()

}

override var collectionViewContentSize: CGSize {
    return CGSize(width: super.collectionViewContentSize.width, height: super.collectionViewContentSize.height + 16)
}

override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
    return super.layoutAttributesForItem(at: indexPath)
}


override func layoutAttributesForDecorationView(ofKind elementKind: String, at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
    switch elementKind {
    case DecorationViewKind.shelfView.rawValue:
        return UICollectionViewLayoutAttributes(forDecorationViewOfKind: elementKind, with: indexPath)
    default:
        print("Unexpected decoration layout element kind")
        return nil
    }
}

}

Answer 1

好的，我发现了两点：1）layoutAttributesForElements(in rect: CGRect)滚动时不要每次都调用； 2) collectionViewLayout 有一些以前使用过的缓存 indexPath。甚至你会尝试重新加载一些数据，你必须先调用 invalidateLayout() 来重新加载那些 indexPath。以下内容对我有所帮助：

private var cachedDecorationView = [UICollectionViewLayoutAttributes]()
override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        //Tip: layoutAtributes with the same indexPath may can not be allowed for reusing
        guard let atributes = super.layoutAttributesForElements(in: rect) else {
            return nil
        }
        var mutatingAtributes = atributes

        //find max Y position of the cells
        var position = CGRect.zero
        position.size.width = rect.size.width
        position.size.height = shelfSize

        for atribute in mutatingAtributes {
            atribute.zIndex = 1
            if atribute.frame.maxY > position.origin.y {
                position.origin.y = atribute.frame.maxY
                if rect.intersects(position) {
                    let shelf = prerareShelves(for: position)
                    mutatingAtributes.append(shelf)
                }

            }
        }

        return mutatingAtributes
    }

    func prerareShelves(for rect: CGRect) -> UICollectionViewLayoutAttributes {
        for cache in cachedDecorationView {
            if cache.frame == rect {
                return cache
            }
        }
        let indexForNewDecoration = Int(rect.origin.y/itemSize.height + shelfSize)
        let decoratorView = layoutAttributesForDecorationView(ofKind: DecorationViewKind.shelfView.rawValue, at: IndexPath(item: indexForNewDecoration, section: 0))!
        decoratorView.frame = rect
        cachedDecorationView.append(decoratorView)
        return decoratorView
    }
override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
        return collectionView?.bounds.size != newBounds.size
    }

    override func invalidateLayout() {
        super.invalidateLayout()
        //delete all cached decoration views before new layout process
        cachedDecorationView.removeAll()
    }

Swift collectionView 添加货架装饰器

Swift collectionView add shelf decorator

ios

uicollectionview

uicollectionviewlayout

swift