以編程方式自動佈局（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) 
     ]) 
    } 
}