與TopLayoutGuide

Question

製圖約束我，我想是這樣的一個觀點：

|---------------| 
|    | <- navBar 
|---------------| 
|    | <- topView 
|---------------| 
|    | 
|    | 
|    | 
|---------------| 

一切我想要的是堅持topView.top到navBar.bottom。我決定去與地圖製圖學與執行以下代碼（儘量堅持MVC OFC）：

在我UIViewController子類：

override func viewWillLayoutSubviews() { 
    super.viewWillLayoutSubviews() 

    aView?.topLayoutGuide = self.topLayoutGuide // where aView is my subclass of UIView, inserted in loadView method 
} 

在我UIView子類：

var topLayoutGuide: UILayoutSupport? 

override func updateConstraints() { 
    var constraint = NSLayoutConstraint?() 
    layout(topView) { (topView) in 
     constraint = topView.top == topView.superview!.top 
    } 
    topView.superview!.removeConstraint(constraint!) 

    layout(topView) { topView in 
     topView.top == topView.superview!.top + (self.topLayoutGuide?.length ?? 0) 
     topView.height == 67 
     topView.left == topView.superview!.left 
     topView.width == topView.superview!.width 
    } 

    super.updateConstraints() 
} 

的問題是我收到以下日誌，我不知道如何解決它：

Unable to simultaneously satisfy constraints. 
[...] 
(
    "<NSLayoutConstraint:0x7fe6a64e4800 V:|-(64)-[UIView:0x7fe6a6505d80] (Names: '|':MyApp.MyView:0x7fe6a360d4c0)>", 
    "<NSLayoutConstraint:0x7fe6a3538a80 V:|-(0)-[UIView:0x7fe6a6505d80] (Names: '|':MyApp.MyView:0x7fe6a360d4c0)>" 
) 

似乎我需要一些幫助。如何正確地做到這一點？我不想在UIViewController中實施約束，我不想使用Storyboards。

感謝您的幫助！

Answer 1

一種解決方案：創建到特定NSLayoutConstraint參考，並更新其constant：

var topLayoutConstraint: NSLayoutConstraint! 

override func updateConstraints() { 
    layout(topView) { topView in 
     topLayoutConstraint = topView.top == topView.superview!.top 
     topView.height == 67 
     topView.left == topView.superview!.left 
     topView.width == topView.superview!.width 
    } 

    super.updateConstraints() 
} 

......再後來，你可以調整NSLayoutConstraint的像這樣的常數：

topLayoutConstraint.constant = 50 

---

剩下的唯一問題是 - 你什麼時候更新topLayoutConstraint？一種解決方案是創建一個協議，MyViewInterface：

protocol MyViewInterface: class { 
    var topLayoutGuideLength: CGFloat { get set } 
} 

然後，在我們的UIView，當topLayoutGuideLength性質發生變化，我們調整我們的NSLayoutConstraint的constant：

public class MyView: UIView, MyViewInterface { 
    public var topLayoutGuideLength: CGFloat = 0 { 
     didSet { 
      topLayoutConstraint.constant = topLayoutGuideLength 
     } 
    } 
} 

最後，在我們的UIViewController （我們的topLayoutGuide住在哪裏）：

public class myViewController: UIViewController { 

    private var myView: MyView 

    // ... 

    public override func viewDidLayoutSubviews() { 
     super.viewDidLayoutSubviews() 

     myView.topLayoutGuideLength = topLayoutGuide.length 
    } 
} 

最終結果？每當viewDidLayoutSubviews()在我們的UIViewController上被觸發時，我們的myView的topLayoutGuideLength屬性被更新，這觸發該topLayoutConstraint的constant中的改變。

Answer 2

另一種缺乏從製圖文檔...

我碰到topLayoutGuideCartography和bottomLayoutGuideCartography特性來作爲一個UIViewController擴展製圖。使用它們可以在不覆蓋的情況下爲您提供所需的輸出viewDidLayoutSubviews

您可以簡單地使用此屬性來錨定視圖的頂部。

override func updateConstraints() { 
    layout(topView) { topView in 
     topView.top == topLayoutGuideCartography 
     topView.height == 67 
     topView.left == topView.superview!.left 
     topView.width == topView.superview!.width 
    } 

    super.updateConstraints() 
}