集合视图单元格中的阴影与快速其他单元格的作用不同

如何解决集合视图单元格中的阴影与快速其他单元格的作用不同

我正在尝试使用可扩散的数据源在collectionview单元上创建阴影，我可以做到这一点，但是问题是某些单元上的阴影不同于其他单元。

我希望它看起来像向下的第二个单元格，其中阴影在整个单元格周围都有一个小的阴影，而不是看起来像第一个单元格，阴影在底部。

这是我为阴影创建的扩展名：

    extension UIView {
    
    func shadowSetUp() {
        layer.masksToBounds = false
        clipsToBounds = false
        layer.shadowColor = UIColor.black.withAlphaComponent(0.2).cgColor
        layer.shadowOpacity = 1
        layer.shadowOffset = CGSize.zero
        layer.shadowRadius = 10.0
        layer.shadowPath = UIBezierPath(rect: self.bounds).cgPath
        layer.shouldRasterize = true
        layer.rasterizationScale = UIScreen.main.scale
    }
    
}

我将此扩展名放在collectionview单元格视图中，如下所示：

    private lazy var setUpView: Void = {
        contentView.addSubview(cellBackground)
        cellBackground.addSubview(title)
        cellBackground.addSubview(imgView)
        cellBackground.translatesAutoresizingMaskIntoConstraints = false
        imgView.translatesAutoresizingMaskIntoConstraints = false
        title.translatesAutoresizingMaskIntoConstraints = false
        self.clipsToBounds = false
        contentView.backgroundColor = colors.Colors.views
        cellBackground.backgroundColor = colors.Colors.views
        title.textColor = .label
        title.numberOfLines = 3
        title.textAlignment = .left
        title.adjustsFontSizeToFitWidth = true
        title.font = UIFontMetrics.default.scaledFont(for: UIFont.systemFont(ofSize: 25,weight: .bold))
        title.adjustsFontSizeToFitWidth = false
        title.adjustsFontForContentSizeCategory = true
        
        title.isHidden = true
        imgView.isHidden = true

        cellBackground.layer.cornerRadius = 15

        contentView.layer.cornerRadius = 15
        contentView.shadowSetUp() <---- This is where i put the shadow extension
        
        NSLayoutConstraint.activate([
            cellBackground.topAnchor.constraint(equalTo: topAnchor),cellBackground.leadingAnchor.constraint(equalTo: leadingAnchor),cellBackground.trailingAnchor.constraint(equalTo: trailingAnchor),cellBackground.bottomAnchor.constraint(equalTo: bottomAnchor),imgView.heightAnchor.constraint(equalTo: heightAnchor,multiplier: 0.25),imgView.widthAnchor.constraint(equalTo: heightAnchor,imgView.topAnchor.constraint(equalTo: cellBackground.topAnchor,constant: 5),imgView.leadingAnchor.constraint(equalTo: cellBackground.leadingAnchor,constant: 10),title.leadingAnchor.constraint(equalTo: cellBackground.leadingAnchor,title.trailingAnchor.constraint(equalTo: cellBackground.trailingAnchor,constant: -10),title.topAnchor.constraint(equalTo: imgView.bottomAnchor,title.bottomAnchor.constraint(equalTo: cellBackground.bottomAnchor,constant: -5)
        ])
        
        
    }()

我尝试更改许多不同的内容，例如将阴影放置在cellBackground上，仅将其作为shadowSetUp（）放置，并将bezier路径更改为不同的版本，例如使用：

layer.shadowPath = UIBezierPath(roundedRect: self.bounds,cornerRadius: 15).cgPath

和

layer.shadowPath = UIBezierPath(roundedRect: self.bounds,byRoundingCorners: <#T##UIRectCorner#>,cornerRadii: <#T##CGSize#>)

我也尝试删除bezierPath，它确实起作用，但是我知道对于单元格，由于滞后问题，最好使用bezierPath。

我知道有人问过类似的问题，但是当我环顾四周时，似乎对我没有任何帮助。我看着：

我只是想知道我要去哪里错了。当我尝试重新创建它时，我无法使其再次发生。如果您有任何问题，请询问。谢谢

解决方法

尝试使用以下代码制作阴影。

    DispatchQueue.global(qos: .background).async {
        DispatchQueue.main.async {
            myView.layer.rasterizationScale = UIScreen.main.scale
            myView.layer.shouldRasterize = true
            //myView.layer.masksToBounds = true
            myView.layer.cornerRadius = 8
            myView.layer.shadowOffset = CGSize(width: 3,height: 3)
            myView.layer.shadowRadius = 8
            myView.layer.shadowColor = UIColor.gray.cgColor
            myView.layer.shadowOpacity = 0.4
        }
    }

集合视图单元格中的阴影与快速其他单元格的作用不同

如何解决集合视图单元格中的阴影与快速其他单元格的作用不同

解决方法

相关推荐