Как прекратить создание нового слоя с градиентом UICollectionCell?переопределить func prepareForReuse () - PullRequest
Новая
       9

Как прекратить создание нового слоя с градиентом UICollectionCell?переопределить func prepareForReuse ()

0 голосов
/ 11 мая 2019

У меня есть UICollectionViewCell с изображением и кнопкой с градиентом. Когда я прокручиваю - у меня ошибка: градиент рисуется с новым слоем на изображении, а текст с кнопки исчезает. Это происходит, когда я прокручиваю назад. Я думаю, что я должен использовать переопределение 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)
}

1 Ответ

0 голосов
/ 11 мая 2019

Попробуйте это 

    var gradLayer: CAGradientLayer! = layer.sublayers?.first(where: { $0.name == "grad_layer" }) as? CAGradientLayer
    if gradLayer == nil {
        gradLayer = CAGradientLayer()
        gradLayer.name = "grad_layer"
        layer.addSublayer(gradLayer)
    }
    // do your changes to grad layer

    // edited
    gradient.frame = self.bounds
...