Подкласс UIView с UIImageView внутри не отвечает на автоматическую компоновку

Question

Я пытаюсь создать UIView, у которого есть свойство UIImage, которое устанавливает 2 UIImageView. Эффект, который я пытаюсь создать вид профиля и работает в раскадровке:

Однако в моем приложении является то, что он не реагирует на авто-макет. В тот момент она конкретизируется в меню вид переполняет меню View Controller:

import UIKit 

@IBDesignable 
class ProfileImageView: UIView { 

    @IBInspectable 
    var profileImage : UIImage = UIImage() 

    @IBInspectable 
    var topImageScalePercentage : CGFloat = 50 

    override init(frame: CGRect) { 
     super.init(frame: frame) 
     updateLayout() 
    } 

    convenience init() { 
     self.init(frame: CGRect.zero) 
    } 

    required init?(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
    } 

    override func prepareForInterfaceBuilder() { 
     super.prepareForInterfaceBuilder() 
     updateLayout() 
    } 

    func updateLayout() { 

     // Create the large background Image View 
     let blurredProfileView = UIImageView(frame: self.bounds) 
     blurredProfileView.image = profileImage 
     blurredProfileView.contentMode = UIViewContentMode.scaleAspectFill 
     blurredProfileView.layer.masksToBounds = true 

     // Blur the background Image View 
     let blurEffect = UIBlurEffect(style: .light) 
     let blurView = UIVisualEffectView(effect: blurEffect) 
     blurView.frame = blurredProfileView.bounds 
     blurredProfileView.addSubview(blurView) 

     // Add the Blurred Profile View to view 
     self.addSubview(blurredProfileView) 

     // Create smaller Profile Picture 
     var profileRect : CGRect! 
     if blurredProfileView.bounds.width < blurredProfileView.bounds.height { 
      let width = blurredProfileView.bounds.width * topImageScalePercentage/100.0 
      let height = width // 1:1 
      profileRect = CGRect(x: 0.0, y: 0.0, width: width, height: height) 
     } else { 
      let height = blurredProfileView.bounds.height * topImageScalePercentage/100.0 
      let width = height // 1:1 
      profileRect = CGRect(x: 0.0, y: 0.0, width: width, height: height) 
     } 
     let profileImageView = UIImageView(frame: profileRect) 
     profileImageView.image = profileImage 
     profileImageView.contentMode = .scaleAspectFill 
     profileImageView.layer.masksToBounds = true 
     profileImageView.layer.cornerRadius = profileImageView.bounds.width/2 
     profileImageView.center = blurredProfileView.center 

     self.addSubview(profileImageView) 

    } 
} 

Answer 1

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

Попробуйте сдерживающие взгляды на место, как:

func updateLayout() { 

    // Create the large background Image View 
    let blurredProfileView = UIImageView(image: profileImage) 
    blurredProfileView.contentMode = UIViewContentMode.scaleAspectFill 
    blurredProfileView.layer.masksToBounds = true 

    self.addSubview(blurredProfileView) 
    blurredProfileView.leftAnchor.constraint(equalTo: self.leftAnchor).isActive = true 
    blurredProfileView.rightAnchor.constraint(equalTo: self.rightAnchor).isActive = true 
    blurredProfileView.topAnchor.constraint(equalTo: self.topAnchor).isActive = true 
    blurredProfileView.bottomAnchor.constraint(equalTo: self.bottomAnchor).isActive = true 
    blurredProfileView.translatesAutoresizingMaskIntoConstraints = false 


    // Blur the background Image View 
    let blurEffect = UIBlurEffect(style: .light) 
    let blurView = UIVisualEffectView(effect: blurEffect) 

    blurredProfileView.addSubview(blurView) 
    blurView.leftAnchor.constraint(equalTo: blurredProfileView.leftAnchor).isActive = true 
    blurView.rightAnchor.constraint(equalTo: blurredProfileView.rightAnchor).isActive = true 
    blurView.topAnchor.constraint(equalTo: blurredProfileView.topAnchor).isActive = true 
    blurView.bottomAnchor.constraint(equalTo: blurredProfileView.bottomAnchor).isActive = true 
    blurView.translatesAutoresizingMaskIntoConstraints = false 



    // Create smaller Profile Picture 
    var profileRect : CGRect! 
    if blurredProfileView.bounds.width < blurredProfileView.bounds.height { 
     let width = blurredProfileView.bounds.width * topImageScalePercentage/100.0 
     let height = width // 1:1 
     profileRect = CGRect(x: 0.0, y: 0.0, width: width, height: height) 
    } 
    else { 
     let height = blurredProfileView.bounds.height * topImageScalePercentage/100.0 
     let width = height // 1:1 
     profileRect = CGRect(x: 0.0, y: 0.0, width: width, height: height) 
    } 

    let profileImageView = UIImageView(image: profileImage) 
    profileImageView.contentMode = .scaleAspectFill 
    profileImageView.layer.masksToBounds = true 
    profileImageView.layer.cornerRadius = profileRect.width/2 

    self.addSubview(profileImageView) 
    profileImageView.centerXAnchor.constraint(equalTo: blurredProfileView.centerXAnchor).isActive = true 
    profileImageView.centerYAnchor.constraint(equalTo: blurredProfileView.centerYAnchor).isActive = true 
    profileImageView.widthAnchor.constraint(equalToConstant: profileRect.width).isActive = true 
    profileImageView.heightAnchor.constraint(equalToConstant: profileRect.height).isActive = true 
    profileImageView.translatesAutoresizingMaskIntoConstraints = false 
} 

Answer 2

Как сказал here, вы не должны манипулировать кадры, если вы планируете использовать autolayout

Answer 3

Если вы хотите обновить кадры/слои ваших подвиды/слоев вы можете сделать это только после того, как autolayout завершила свои вычисления кадров, т.е. переопределить layoutSubViews и двигаться ваш код кадра их. В качестве альтернативы используйте автомат. Поскольку вы просто хотите заполнить свой контроль, вы можете использовать следующее расширение:

extension UIView { 
     func constrainToSuperView() { 
      translatesAutoresizingMaskIntoConstraints = false 
      let attributes: [NSLayoutAttribute] = [.centerX, .centerY, .width, .height] 
      NSLayoutConstraint.activate(attributes.map{NSLayoutConstraint(item: self, attribute: $0, relatedBy: .equal, toItem: self.superview, attribute: $0, multiplier: 1, constant: 0)}) 
     } 
    }