我可以像下面这样以编程方式创建简单的自定义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)") } } }
基于NIB的标头的典型过程为:
UITableViewHeaderFooterView至少创建一个带有标签出口的子类。您可能还想给它一些标识符,通过它可以反向工程此头对应的部分。同样,您可能希望指定一个协议,标题可以通过该协议将事件通知给视图控制器(例如单击按钮)。因此,在Swift 3及更高版本中:
UITableViewHeaderFooterView
// 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:
delegate
@IBOutlet
@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) }
}
创建NIB。就个人而言,我为NIB提供与基类相同的名称,以简化项目中文件的管理并避免混淆。无论如何,关键步骤包括:
创建视图NIB,或者如果您以空的NIB开始,则将视图添加到NIB;
将视图的基类设置为您的UITableViewHeaderFooterView子类(在我的示例中为CustomHeader);
CustomHeader
在IB中添加您的控件和约束;
胡克@IBOutlet在您的银行代码网点引用;
将按钮连接到@IBAction; 和
对于NIB中的根视图,请确保将背景色设置为“默认”,否则您将收到有关更改背景色的烦人警告。
在viewDidLoad视图控制器中,注册NIB。在Swift 3及更高版本中:
viewDidLoad
override func viewDidLoad() { super.viewDidLoad() tableView.register(UINib(nibName: "CustomHeader", bundle: nil), forHeaderFooterViewReuseIdentifier: CustomHeader.reuseIdentifier)
在中viewForHeaderInSection,使用您在上一步中指定的相同标识符出队可重用视图。完成此操作后,您现在就可以使用插座了,您无需对以编程方式创建的约束进行任何操作,等等。唯一需要考虑的事情(为了使按钮的协议起作用)就是指定其委托。例如,在Swift 3中:
viewForHeaderInSection
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 }
显然,如果要将视图控制器指定delegate为标题视图中按钮的,则必须遵循该协议:
extension ViewController: CustomHeaderDelegate { func customHeader(_ customHeader: CustomHeader, didTapButtonInSection section: Int) { print("did tap button", section) }
当我列出所有涉及的步骤时,这一切听起来都令人困惑,但是一旦完成一两次,它真的很简单。我认为这比以编程方式构建标题视图更简单。
在马特的回答,他抗议:
问题很简单,就是您不能仅仅通过在身份检查器中声明将UIView笔尖神奇地变成笔尖UITableViewHeaderFooterView。
UIView
这根本是不正确的。如果使用上述基于NIB的方法,则为此头视图的根视图实例化的类 是UITableViewHeaderFooterView子类,而不是UIView。它实例化为NIB根视图的基类指定的任何类。
但是,正确的是,contentView在这种基于NIB的方法中未使用此类的某些属性(尤其是)。它确实应该是可选属性,就像textLabel和detailTextLabel一样(或者更好的是,它们应该UITableViewHeaderFooterView在IB中添加适当的支持)。我同意这对Apple来说设计不佳,但它给我留下了草率,特质的细节,但鉴于表视图中的所有问题,这都是一个小问题。例如,非常不寻常的是,这些年来,我们仍然无法在情节提要中完全制作原型页眉/页脚视图,而完全必须依靠这些NIB和类注册技术。
contentView
textLabel
detailTextLabel
但是,不能断定一个人不能使用register(_:forHeaderFooterViewReuseIdentifier:),这是一种自iOS 6起就一直在使用的API方法,这是不正确的。我们不要将婴儿带洗澡水扔掉。
register(_:forHeaderFooterViewReuseIdentifier:)