在UITable上設置自定義HeaderView，使用Nib的AutoLayout

Question

您好我想知道如何去爲我的UITableView實現自定義標題，並使用它的自動佈局進行正確定位。

我現在可以顯示單元格，但是沒有應用水平或垂直自動佈局。

在我tableViewController

，我一個headerView變量設置爲我的自定義筆尖這樣：

@IBOutlet var view: UIView! 

override init(frame: CGRect) { // for using CustomView in code 
    super.init(frame: frame) 
    self.setup() 
} 

required init(coder aDecoder: NSCoder) { // for using CustomView in IB 
    super.init(coder: aDecoder) 
    self.setup() 
} 

private func setup() { 
    NSBundle.mainBundle().loadNibNamed("CustomHeader", owner: self, options: nil) 
    self.addSubview(view) 
} 

這在視圖類來電：

override init(frame: CGRect) { // for using CustomView in code 
    super.init(frame: frame) 
    self.setup() 
} 

required init(coder aDecoder: NSCoder) { // for using CustomView in IB 
    super.init(coder: aDecoder) 
    self.setup() 
} 

private func setup() { 
    NSBundle.mainBundle().loadNibNamed("ChallengeHeader", owner: self, options: nil) 
    self.addSubview(view) 
} 

它有一些假的內容和我設置動態文本到裏面的標籤。約束條件設置正確，我對錶格單元格工作正常。

我有這樣的顯示視圖標題

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
    if let view = headerView { 
     return view 
    } 
    return nil 
} 


override func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { 
    if let head = headerView { 
     head.setNeedsLayout() 
     head.layoutIfNeeded() 
     let height = head.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize).height 

     let headerFrame = head.frame 


     Debug.log("Header Height \(height)") 
     return 100.0 
    } 
    return 0 
} 

目前我回國，因爲高度100.0始終爲0，所以我是什麼在這裏失蹤，使自動版式做的工作？或者我需要以編程方式設置f/e寬度？

編輯：忘了補充一下，xib的寬度爲400，好像也保持了400的寬度。

Answer 1

您的實施有幾個問題。

首先，您不應該添加headerView作爲self.view的子視圖。其次，如果您有多個部分，則每個部分都需要一個新的CustomView，您不應該重複使用它。

所以，你的代碼應該是這個樣子：

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
    return NSBundle.mainBundle().loadNibNamed("CustomHeader", owner: nil, options: nil)[0] as? UIView 
} 

override func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { 
    return headerView.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize).height 
} 

你不需要任何幀操作。只要確保你在viewForHeaderInSection中返回了正確初始化的CustomHeader，並且一切都應該正常工作。

如果您需要更多幫助或支持，請讓我知道。

---

這是一個小的代碼片段，我用來測試 - 您的情況，唯一的區別是，你從廈門國際銀行加載headerView：

override func viewDidLoad(){ 

    headerView = UIView.new() // here you should have your xib loading 

    var insideView = UIView.new(); 
    insideView.setTranslatesAutoresizingMaskIntoConstraints(false) 
    headerView.addSubview(insideView); 

    // This is simulating the constraints you have in your xib 
    headerView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|-[view(50)]-|", options: nil, metrics: nil, views: ["view": insideView]))  
    headerView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|-[view]-|", options: nil, metrics: nil, views: ["view": insideView])) 
} 

override func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
    return headerView 
} 

override func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { 
    return headerView.systemLayoutSizeFittingSize(UILayoutFittingCompressedSize).height 
}