以编程方式自动布局（NSLayoutConstraint）：在外部视图和约束最小（宽度，高度）中心内部视图

Question

我不知道我在做什么错用NSLayoutConstraint生成自动布局。

我想使用较小的外部视图的宽度和高度在内部视图中居中放置一个内部视图。最后，我想要应用一个缩放因子。

这是我的代码。

 NSLayoutConstraint.activate([ 
      inner.centerXAnchor.constraint(equalTo: outer.centerXAnchor), 
      inner.centerYAnchor.constraint(equalTo: outer.centerYAnchor), 
      inner.widthAnchor.constraint(equalTo: outer.heightAnchor, multiplier: imageScale), 
      inner.widthAnchor.constraint(equalTo: outer.widthAnchor, multiplier: imageScale), 
      inner.heightAnchor.constraint(equalTo: inner.widthAnchor) 
    ]) 

这适用于：

• 宽度==高度
• 宽度<高度

但是，当宽度>高度我得到这个：

我错过了什么？这是很容易使用框架做：

let innerWidth = min(outer.frame.width, outer.frame.height) * imageScale 
let innerHeight = innerWidth 
inner.frame = CGRect(x: (outer.frame.width -innerWidth)/2, 
        y: (outer.frame.height - innerHeight)/2, 
        width: innerWidth, height: innerHeight) 

Answer 1

首先，这是一个有点怪异，你在你的代码两次设置inner.widthAnchor约束。只设置一次。

此外，您需要根据实际外部视图的框架为内部视图的尺寸选择外部锚点。如果最小的外部尺寸是宽度，那么您将内部视图的宽度限制为outer.widthAnchor * imageScale。否则，当最小外部尺寸是高度时，您将限制为outer.heightAnchor * imageScale。

这对我的作品，让你正在寻找的布局（我刚刚创建一个简单的单一视图项目）：

class ViewController: UIViewController { 
    override func viewDidLoad() { 
     super.viewDidLoad() 

     let inner = UIView() 
     inner.backgroundColor = .yellow 
     inner.translatesAutoresizingMaskIntoConstraints = false 

     let outer = UIView() 
     outer.backgroundColor = .blue 
     outer.translatesAutoresizingMaskIntoConstraints = false 

     view.addSubview(outer) 
     view.addSubview(inner) 

     // get these from somewhere, e.g. outerWidth.frame.size 
     let outerWidth = CGFloat(200) 
     let outerHeight = CGFloat(400) 
     let outerAnchor: NSLayoutDimension 

     if outerWidth >= outerHeight { 
      outerAnchor = outer.heightAnchor 
     } else { 
      outerAnchor = outer.widthAnchor 
     } 

     let imageScale = CGFloat(0.5) 

     NSLayoutConstraint.activate([ 
      outer.widthAnchor.constraint(equalToConstant: outerWidth), 
      outer.heightAnchor.constraint(equalToConstant: outerHeight), 
      outer.centerXAnchor.constraint(equalTo: view.centerXAnchor), 
      outer.centerYAnchor.constraint(equalTo: view.centerYAnchor), 

      inner.centerXAnchor.constraint(equalTo: outer.centerXAnchor), 
      inner.centerYAnchor.constraint(equalTo: outer.centerYAnchor), 
      inner.widthAnchor.constraint(equalTo: outerAnchor, multiplier: imageScale), 
      inner.heightAnchor.constraint(equalTo: inner.widthAnchor) 
     ]) 
    } 
}