Запретить отбрасывание тени UICollectionViewCell на другие ячейки

Question

Я надеюсь, что у кого-то может быть разумное решение этой проблемы, потому что в данный момент я в тупике.У меня есть collectionView, чья ячейка отбрасывает довольно большие тени на область позади них.Проблема заключается в том, что, поскольку они расположены так близко друг к другу, каждая ячейка также отбрасывает тень на непосредственно предшествующую ячейку.Все эти ячейки имеют одинаковый zIndex в своих layoutAttributes, но Apple, похоже, размещает ячейки с более высокими значениями indexPath на более высоком zIndex.Есть ли хороший способ не дать этим клеткам отбрасывать свои тени на другие клетки?

Ячейки устанавливают свою тень с помощью:

    cell.layer.shadowOpacity = 1
    cell.layer.shadowRadius = 54
    cell.layer.shadowOffset = CGSize(width: 0, height: 12)
    cell.layer.shadowColor = UIColor.black.withAlphaComponent(0.5).cgColor

Спасибо!

Answer 1

Ну, я не смог найти хороший способ предотвратить отбрасывание этих теней на окружающие клетки, но я думаю, что нашел рабочее решение. Я собираюсь добавить декоративные виды, расположенные непосредственно под ячейками, а затем добавить тени к этим видам. Это что-то вроде хака, но оно должно дать тот эффект, которого я добиваюсь.

Answer 2

Установите свойства тени слоя представления коллекции вместо того, чтобы устанавливать их в каждой ячейке.Убедитесь, что в представлении коллекции нет backgroundView и что backgroundColor равно nil.Также убедитесь, что у некоторого предкового представления представления коллекции есть цвет фона или другая заливка.

Результат:

Источниккод:

import UIKit

class ViewController: UIViewController, UICollectionViewDataSource {

    var cellIdentifier: String { return "cell" }

    override func loadView() {
        let view = UIView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
        view.backgroundColor = .white

        let layout = UICollectionViewFlowLayout()
        layout.itemSize = CGSize(width: 50, height: 50)
        layout.minimumInteritemSpacing = 4
        layout.minimumLineSpacing = 4
        layout.scrollDirection = .vertical
        layout.sectionInset = UIEdgeInsets(top: 4, left: 4, bottom: 4, right: 4)

        let collectionView = UICollectionView(frame: view.bounds, collectionViewLayout: layout)
        collectionView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
        collectionView.backgroundColor = nil
        collectionView.dataSource = self
        collectionView.register(UICollectionViewCell.self, forCellWithReuseIdentifier: cellIdentifier)

        collectionView.layer.shadowColor = UIColor.black.cgColor
        collectionView.layer.shadowRadius = 8
        collectionView.layer.shadowOpacity = 1

        view.addSubview(collectionView)

        self.view = view
    }

    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return 100
    }

    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellIdentifier, for: indexPath)
        let layer = cell.contentView.layer
        layer.backgroundColor = #colorLiteral(red: 1.0, green: 1.0, blue: 1.0, alpha: 1.0)
        layer.borderColor = #colorLiteral(red: 0.4392156899, green: 0.01176470611, blue: 0.1921568662, alpha: 1)
        layer.borderWidth = 2
        layer.cornerRadius = 8
        layer.masksToBounds = true
        return cell
    }

}