Применение тени к подпредставлению, загруженному из пера - PullRequest
Новая
       21

Применение тени к подпредставлению, загруженному из пера

0 голосов
/ 12 декабря 2018

Я загружаю пользовательский класс представления из пера в viewWillAppear.После загрузки пера я добавляю его как подпредставление, затем применяю некоторые ограничения, затем обновляю ограничения.В этот момент я пытаюсь добавить тень к этому представлению, но тень не отображается ....

Просто для некоторого контекста ViewController имеет scrollview, который содержит contentView.Все содержимое представления находится внутри этого contentView.

Вот мой код:

ViewController 

class MyViewController: UIViewController {

    @IBOutlet weak var contentView: UIView!

    var matches: [Match] = []
    var matchViews: [MatchDetailsView] = []

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        setMatches()
    }

    func setMatches() {

        // Match One
        let matchOneDetailsView = MatchDetailsView.instanceFromNib(match: matches.count > 0 ? matches[0] : nil, delegate: self, tag: 1)
        contentView.addSubview(matchOneDetailsView)
        matchOneDetailsView.translatesAutoresizingMaskIntoConstraints = false
        let matchOneLeadingConstraint = NSLayoutConstraint(item: matchOneDetailsView, attribute: .leading, relatedBy: .equal, toItem: contentView, attribute: .leading, multiplier: 1, constant: 16)
        let matchOneTrailingConstraint = NSLayoutConstraint(item: matchOneDetailsView, attribute: .trailing, relatedBy: .equal, toItem: contentView, attribute: .trailing, multiplier: 1, constant: -16)
        let matchOneTopConstraint = NSLayoutConstraint(item: matchOneDetailsView, attribute: .top, relatedBy: .equal, toItem: contentView, attribute: .top, multiplier: 1, constant: 32)

        // Match Two
        let matchTwoDetailsView = MatchDetailsView.instanceFromNib(match: matches.count > 1 ? matches[1] : nil, delegate: self, tag: 2)
        contentView.addSubview(matchTwoDetailsView)
        matchTwoDetailsView.translatesAutoresizingMaskIntoConstraints = false
        let matchTwoLeadingConstraint = NSLayoutConstraint(item: matchTwoDetailsView, attribute: .leading, relatedBy: .equal, toItem: contentView, attribute: .leading, multiplier: 1, constant: 16)
        let matchTwoTrailingConstraint = NSLayoutConstraint(item: matchTwoDetailsView, attribute: .trailing, relatedBy: .equal, toItem: contentView, attribute: .trailing, multiplier: 1, constant: -16)
        let matchTwoTopConstraint = NSLayoutConstraint(item: matchTwoDetailsView, attribute: .top, relatedBy: .equal, toItem: matchOneDetailsView, attribute: .bottom, multiplier: 1, constant: 32)

        // Match Three
        let matchThreeDetailsView = MatchDetailsView.instanceFromNib(match: matches.count > 2 ? matches[2] : nil, delegate: self, tag: 3)
        contentView.addSubview(matchThreeDetailsView)
        matchThreeDetailsView.translatesAutoresizingMaskIntoConstraints = false
        let matchThreeLeadingConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .leading, relatedBy: .equal, toItem: contentView, attribute: .leading, multiplier: 1, constant: 16)
        let matchThreeTrailingConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .trailing, relatedBy: .equal, toItem: contentView, attribute: .trailing, multiplier: 1, constant: -16)
        let matchThreeTopConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .top, relatedBy: .equal, toItem: matchTwoDetailsView, attribute: .bottom, multiplier: 1, constant: 32)
        let matchThreeBottomConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .bottom, relatedBy: .equal, toItem: contentView, attribute: .bottom, multiplier: 1, constant: -32)

        NSLayoutConstraint.activate([matchOneLeadingConstraint, matchOneTrailingConstraint, matchOneTopConstraint, matchTwoLeadingConstraint, matchTwoTrailingConstraint, matchTwoTopConstraint, matchThreeLeadingConstraint, matchThreeTrailingConstraint, matchThreeTopConstraint, matchThreeBottomConstraint])

        updateViewConstraints()

        matchViews.append(matchOneDetailsView)
        matchViews.append(matchTwoDetailsView)
        matchViews.append(matchThreeDetailsView)

        styleMatchViews()
    }


    func styleMatchViews() {
        for view in matchViews {
            view.addShadow(opacity: 0.25, yOffset: 0, xOffset: 0, radius: 5.0)
            view.roundCorners(withRadius: 5.0)
        }
    }
}

MatchDetailsView 

class MatchDetailsView: UIView {

        class func instanceFromNib(match: Match?, delegate: MatchDetailsViewDelegate, tag: Int) -> MatchDetailsView {

        let view = UINib(nibName: "MatchDetailsView", bundle: nil).instantiate(withOwner: MatchDetailsView(), options: nil)[0] as! MatchDetailsView
        view.translatesAutoresizingMaskIntoConstraints = false
        view.updateMatchContent()
        return view
    }
}

UIViewExtension 

extension UIView {

/**
 Add Shadow

 Puts a Drop Shadow in the UIView
 */
func addShadow(opacity: Float, yOffset: Int, xOffset: Int, radius: CGFloat) {
        self.layer.masksToBounds = false
        self.layer.shadowColor = UIColor.black.cgColor
        self.layer.shadowOpacity = opacity
        self.layer.shadowOffset = CGSize(width: xOffset, height: yOffset)
        self.layer.shadowRadius = radius
        self.layer.shadowPath = UIBezierPath(rect: self.bounds).cgPath
    }
}

Если для nib-файла MatchDetailsView для clipsToBounds установлено значение false, почему моя тень не отображается при загрузке страницы?Я пропускаю функцию layout, даже если они правильно выложены?

1 Ответ

0 голосов
/ 19 декабря 2018

Вы устанавливаете .shadowPath для границ вида ... но границы в этой точке могут не быть (вероятно, не будут) границами после того, как автоматическое расположение выкладывает представления.

Для "теневого вида" вам гораздо лучше установить тень в layoutSubviews() внутри самого вида.

Вы также должны добавить и настроить свои подпредставления в viewDidLoad() viewWillAppear() можно назвать болееодин раз (в зависимости от вашей навигации), и вы в конечном итоге добавите несколько копий своих подпредставлений.

Итак ...

Измените свой класс MatchDetailsView следующим образом: 

class MatchDetailsView: UIView {

    var opacity: CGFloat = 0.0
    var xOffset: CGFloat = 0.0
    var yOffset: CGFloat = 0.0

    // for the shadowRadius
    var sRadius: CGFloat = 0.0

    // for the cornerRadius
    var cRadius: CGFloat = 0.0

    override func layoutSubviews() {

        self.layer.masksToBounds = false

        self.layer.shadowColor = UIColor.black.cgColor
        self.layer.shadowOpacity = Float(opacity)
        self.layer.shadowOffset = CGSize(width: xOffset, height: yOffset)
        self.layer.shadowRadius = sRadius
        self.layer.shadowPath = UIBezierPath(rect: self.bounds).cgPath

        self.layer.cornerRadius = cRadius
    }

    class func instanceFromNib(match: Match?, delegate: MatchDetailsViewDelegate, tag: Int) -> MatchDetailsView {

        let view = UINib(nibName: "MatchDetailsView", bundle: nil).instantiate(withOwner: MatchDetailsView(), options: nil)[0] as! MatchDetailsView
        view.translatesAutoresizingMaskIntoConstraints = false
        view.updateMatchContent()
        return view
    }

}

Тогда, по вашему мнению, контроллер: 

override func viewDidLoad() {
    super.viewDidLoad()
    setMatches()
}

func setMatches() {

    // Match One
    let matchOneDetailsView = MatchDetailsView.instanceFromNib(match: matches.count > 0 ? matches[0] : nil, delegate: self, tag: 1)
    contentView.addSubview(matchOneDetailsView)
    matchOneDetailsView.translatesAutoresizingMaskIntoConstraints = false
    let matchOneLeadingConstraint = NSLayoutConstraint(item: matchOneDetailsView, attribute: .leading, relatedBy: .equal, toItem: contentView, attribute: .leading, multiplier: 1, constant: 16)
    let matchOneTrailingConstraint = NSLayoutConstraint(item: matchOneDetailsView, attribute: .trailing, relatedBy: .equal, toItem: contentView, attribute: .trailing, multiplier: 1, constant: -16)
    let matchOneTopConstraint = NSLayoutConstraint(item: matchOneDetailsView, attribute: .top, relatedBy: .equal, toItem: contentView, attribute: .top, multiplier: 1, constant: 32)

    // Match Two
    let matchTwoDetailsView = MatchDetailsView.instanceFromNib(match: matches.count > 1 ? matches[1] : nil, delegate: self, tag: 2)
    contentView.addSubview(matchTwoDetailsView)
    matchTwoDetailsView.translatesAutoresizingMaskIntoConstraints = false
    let matchTwoLeadingConstraint = NSLayoutConstraint(item: matchTwoDetailsView, attribute: .leading, relatedBy: .equal, toItem: contentView, attribute: .leading, multiplier: 1, constant: 16)
    let matchTwoTrailingConstraint = NSLayoutConstraint(item: matchTwoDetailsView, attribute: .trailing, relatedBy: .equal, toItem: contentView, attribute: .trailing, multiplier: 1, constant: -16)
    let matchTwoTopConstraint = NSLayoutConstraint(item: matchTwoDetailsView, attribute: .top, relatedBy: .equal, toItem: matchOneDetailsView, attribute: .bottom, multiplier: 1, constant: 32)

    // Match Three
    let matchThreeDetailsView = MatchDetailsView.instanceFromNib(match: matches.count > 2 ? matches[2] : nil, delegate: self, tag: 3)
    contentView.addSubview(matchThreeDetailsView)
    matchThreeDetailsView.translatesAutoresizingMaskIntoConstraints = false
    let matchThreeLeadingConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .leading, relatedBy: .equal, toItem: contentView, attribute: .leading, multiplier: 1, constant: 16)
    let matchThreeTrailingConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .trailing, relatedBy: .equal, toItem: contentView, attribute: .trailing, multiplier: 1, constant: -16)
    let matchThreeTopConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .top, relatedBy: .equal, toItem: matchTwoDetailsView, attribute: .bottom, multiplier: 1, constant: 32)
    let matchThreeBottomConstraint = NSLayoutConstraint(item: matchThreeDetailsView, attribute: .bottom, relatedBy: .equal, toItem: contentView, attribute: .bottom, multiplier: 1, constant: -32)

    NSLayoutConstraint.activate([matchOneLeadingConstraint, matchOneTrailingConstraint, matchOneTopConstraint, matchTwoLeadingConstraint, matchTwoTrailingConstraint, matchTwoTopConstraint, matchThreeLeadingConstraint, matchThreeTrailingConstraint, matchThreeTopConstraint, matchThreeBottomConstraint])

    matchViews.append(matchOneDetailsView)
    matchViews.append(matchTwoDetailsView)
    matchViews.append(matchThreeDetailsView)

    styleMatchViews()
}


func styleMatchViews() {
    for view in matchViews {
        view.opacity = 0.25
        view.yOffset = 0.0
        view.xOffset = 0.0
        view.sRadius = 5.0
        view.cRadius = 5.0
    }
}
...