Swift-如何使用XIB文件创建自定义viewForHeaderInSection？

Question

我可以像下面这样以编程方式创建简单的自定义viewForHeaderInSection。但是我想做更多复杂的事情，例如与不同的类连接，并像tableView单元格一样达到其属性。简而言之，我想看看我在做什么。

func tableView(tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {

    if(section == 0) {

        let view = UIView() // The width will be the same as the cell, and the height should be set in tableView:heightForRowAtIndexPath:
        let label = UILabel()
        let button   = UIButton(type: UIButtonType.System)

        label.text="My Details"
        button.setTitle("Test Title", forState: .Normal)
        // button.addTarget(self, action: Selector("visibleRow:"), forControlEvents:.TouchUpInside)

        view.addSubview(label)
        view.addSubview(button)

        label.translatesAutoresizingMaskIntoConstraints = false
        button.translatesAutoresizingMaskIntoConstraints = false

        let views = ["label": label, "button": button, "view": view]

        let horizontallayoutContraints = NSLayoutConstraint.constraintsWithVisualFormat("H:|-10-[label]-60-[button]-10-|", options: .AlignAllCenterY, metrics: nil, views: views)
        view.addConstraints(horizontallayoutContraints)

        let verticalLayoutContraint = NSLayoutConstraint(item: label, attribute: .CenterY, relatedBy: .Equal, toItem: view, attribute: .CenterY, multiplier: 1, constant: 0)
        view.addConstraint(verticalLayoutContraint)

        return view
    }

    return nil
}


func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 50
}

有没有人可以解释如何使用xib创建自定义tableView标头视图？我遇到过旧的Obj-C主题，但是我是Swift语言的新手。如果有人详细解释，那太好了。

1.问题： 按钮@IBAction不与我的ViewController连接。 （固定）

通过File的所有者ViewController基类解决（单击左侧轮廓菜单。）

2. 问题 ： 页眉高度问题 （已修复）

解决了在 viewForHeaderInSection ：方法中添加 headerView.clipsToBounds = true 的
问题 。

当我在viewController中使用此方法添加ImageView甚至具有相同的高度限制时，它流过tableView的行看起来就像picture。

 func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 120
}

如果我使用viewDidLoad中的automaticAdjustsScrollViewInsets，在这种情况下，图像流在navigationBar下。-固定-

self.automaticallyAdjustsScrollViewInsets = false

3.问题： 如果“查看”下的按钮 （固定）

@IBAction func didTapButton(sender: AnyObject) {
    print("tapped")

    if let upView = sender.superview {
        if let headerView = upView?.superview as? CustomHeader {
            print("in section \(headerView.sectionNumber)")
        }

    }
}

Answer 1

基于NIB的标头的典型过程为：

1. UITableViewHeaderFooterView至少创建一个带有标签出口的子类。您可能还想给它一些标识符，通过它可以反向工程此头对应的部分。同样，您可能希望指定一个协议，标题可以通过该协议将事件通知给视图控制器（例如单击按钮）。因此，在Swift 3及更高版本中：

   // if you want your header to be able to inform view controller of key events, create protocol
   

   protocol CustomHeaderDelegate: class {
   func customHeader(_ customHeader: CustomHeader, didTapButtonInSection section: Int)
   }
   
   

   // define CustomHeader class with necessary delegate, @IBOutlet and @IBAction:

   class CustomHeader: UITableViewHeaderFooterView {
   static let reuseIdentifier = “CustomHeader”

   weak var delegate: CustomHeaderDelegate?
   
   @IBOutlet weak var customLabel: UILabel!
   
   var sectionNumber: Int!  // you don't have to do this, but it can be useful to have reference back to the section number so that when you tap on a button, you know which section you came from; obviously this is problematic if you insert/delete sections after the table is loaded; always reload in that case
   
   @IBAction func didTapButton(_ sender: AnyObject) {
       delegate?.customHeader(self, didTapButtonInSection: section)
   }
   

   }

2. 创建NIB。就个人而言，我为NIB提供与基类相同的名称，以简化项目中文件的管理并避免混淆。无论如何，关键步骤包括：

   • 创建视图NIB，或者如果您以空的NIB开始，则将视图添加到NIB；

   • 将视图的基类设置为您的UITableViewHeaderFooterView子类（在我的示例中为CustomHeader）；

   • 在IB中添加您的控件和约束；

   • 胡克@IBOutlet在您的银行代码网点引用;

   • 将按钮连接到@IBAction; 和

   • 对于NIB中的根视图，请确保将背景色设置为“默认”，否则您将收到有关更改背景色的烦人警告。

3. 在viewDidLoad视图控制器中，注册NIB。在Swift 3及更高版本中：

   override func viewDidLoad() {
   super.viewDidLoad()
   
   tableView.register(UINib(nibName: "CustomHeader", bundle: nil), forHeaderFooterViewReuseIdentifier: CustomHeader.reuseIdentifier)
   

   }

4. 在中viewForHeaderInSection，使用您在上一步中指定的相同标识符出队可重用视图。完成此操作后，您现在就可以使用插座了，您无需对以编程方式创建的约束进行任何操作，等等。唯一需要考虑的事情（为了使按钮的协议起作用）就是指定其委托。例如，在Swift 3中：

   override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
   let headerView = tableView.dequeueReusableHeaderFooterView(withIdentifier: "CustomHeader") as! CustomHeader
   
   headerView.customLabel.text = content[section].name  // set this however is appropriate for your app's model
   headerView.sectionNumber = section
   headerView.delegate = self
   
   return headerView
   

   }

   override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
   return 44 // or whatever
   }

5. 显然，如果要将视图控制器指定delegate为标题视图中按钮的，则必须遵循该协议：

   extension ViewController: CustomHeaderDelegate {
   func customHeader(_ customHeader: CustomHeader, didTapButtonInSection section: Int) {
       print("did tap button", section)
   }
   

   }

当我列出所有涉及的步骤时，这一切听起来都令人困惑，但是一旦完成一两次，它真的很简单。我认为这比以编程方式构建标题视图更简单。

在马特的回答，他抗议：

问题很简单，就是您不能仅仅通过在身份检查器中声明将UIView笔尖神奇地变成笔尖UITableViewHeaderFooterView。

这根本是不正确的。如果使用上述基于NIB的方法，则为此头视图的根视图实例化的类
是UITableViewHeaderFooterView子类，而不是UIView。它实例化为NIB根视图的基类指定的任何类。

但是，正确的是，contentView在这种基于NIB的方法中未使用此类的某些属性（尤其是）。它确实应该是可选属性，就像textLabel和detailTextLabel一样（或者更好的是，它们应该UITableViewHeaderFooterView在IB中添加适当的支持）。我同意这对Apple来说设计不佳，但它给我留下了草率，特质的细节，但鉴于表视图中的所有问题，这都是一个小问题。例如，非常不寻常的是，这些年来，我们仍然无法在情节提要中完全制作原型页眉/页脚视图，而完全必须依靠这些NIB和类注册技术。

但是，不能断定一个人不能使用register(_:forHeaderFooterViewReuseIdentifier:)，这是一种自iOS
6起就一直在使用的API方法，这是不正确的。我们不要将婴儿带洗澡水扔掉。