Question

我有一个UICollectionViewCell，其中的图像和按钮具有渐变。滚动时-我有一个错误：在图像上绘制了新层的渐变，并且按钮上的文字消失了。我认为我应该使用override func prepareForReuse()。但是我不知道该怎么做。`也许有人可以编写可以修复该错误的代码，因为我不知道该怎么做。

import UIKit

class TrainingProgramCollectionViewCell: UICollectionViewCell {



private var gradient = CAGradientLayer()
@IBOutlet weak var bgView: UIView!

@IBOutlet weak var buttonOutlet: UIButton!


@IBOutlet weak var featuredImageView: UIImageView!

@IBOutlet weak var descriptionLabel: UILabel!
@IBOutlet weak var titleLabel: UILabel!

var trainingPrograms: TrainingProgram? {
    didSet {
        self.updateUI()
    }
}



private func updateUI()
{
    if let trainingProgram = trainingPrograms {
        featuredImageView.image = trainingPrograms!.featuredImage
        titleLabel.text = trainingPrograms!.title
        descriptionLabel.text = trainingPrograms!.description
       // bgView.layer.cornerRadius = 10
      // buttonOutlet.backgroundColor = UIColor(red: 21/255, green: 126/255, blue: 238/255, alpha: 1)
        buttonOutlet.setGradientBackground(colorOne: UIColor(red: 0, green: 0.52, blue: 1, alpha: 1), colorTwo:  UIColor(red: 0, green: 0.39, blue: 0.81, alpha: 1), cornerRadius: 25)
        buttonOutlet.layer.cornerRadius = 25
        buttonOutlet.layer.shadowColor = UIColor(red: 0, green: 0, blue: 0, alpha: 0.4).cgColor
        buttonOutlet.layer.shadowOffset = CGSize(width: 0, height: 5)
        buttonOutlet.layer.shadowRadius = 15
        buttonOutlet.layer.shadowOpacity = 1
        bgView!.layer.cornerRadius = 20



        featuredImageView.contentMode = .scaleAspectFill

        let view = UIView(frame: featuredImageView.frame)
        view.clipsToBounds = true


       // view.contentMode = .scaleAspectFill
        featuredImageView.clipsToBounds = true

        let gradient = CAGradientLayer()
        gradient.frame = view.frame

        gradient.colors = [UIColor(red: 0, green: 0.48, blue: 1, alpha: 0).cgColor,UIColor(red: 0, green: 0.48, blue: 1, alpha: 1).cgColor]
        gradient.locations = [0.1, 1.0]
        view.layer.insertSublayer(gradient, at: 0)
        featuredImageView.addSubview(view)
        featuredImageView.bringSubviewToFront(view)





    } else {
        featuredImageView.image = nil
        titleLabel.text = nil
        descriptionLabel.text = nil
    }


}

override func layoutSubviews() {
    super.layoutSubviews()

    self.layer.cornerRadius = 3.0
    layer.shadowRadius = 10
    layer.shadowOpacity = 0.2
    layer.shadowOffset = CGSize(width: 5, height: 10)

    self.clipsToBounds = false
}

override func prepareForReuse() {
    super.prepareForReuse()





}

}

设置按钮的渐变

extension UIView {

func setGradientBackground(colorOne: UIColor, colorTwo: UIColor, cornerRadius: CGFloat) {

    let gradientLayer = CAGradientLayer()
    gradientLayer.frame = self.bounds
    gradientLayer.colors = [colorOne.cgColor, colorTwo.cgColor]
    gradientLayer.locations = [0.0, 1.0]
    gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.0)
    gradientLayer.endPoint = CGPoint(x: 1.0, y: 1.0)
    gradientLayer.cornerRadius = cornerRadius

    layer.insertSublayer(gradientLayer, at: 0)
}

Answer 1

每次调用UpdateUI()函数时，都使用let gradient = CAGradientLayer()创建新图层，并将其作为父view.layer.insertSublayer(gradient, at: 0)的第一个子对象进行广告

您似乎应该在单元格中对此层有参考，并且只更新参数

UICollectionViewCell中的更新渐变

1 个答案: