我正在尝试学习如何以编程方式创建不同的 UI 元素。我的 UITableView 面临以下问题..
我有 2 个 .swift 文件,一方面,我们有..
struct SettingsView {
let settingsCustomTable: UITableView = {
let aTable = UITableView()
aTable.sectionHeaderHeight = 42
aTable.tableFooterView = UITableViewHeaderFooterView(frame:CGRect(x:0,
y:0,
width:aTable.frame.width,
height:0))
aTable.register(SettingsCustomHeader.self, forHeaderFooterViewReuseIdentifier:"customHeader")
aTable.register(SettingsCustomCell.self, forCellReuseIdentifier:"customCell")
return aTable
}()
}
////////////////////////////////
// custom cell class below //
////////////////////////////////
private class SettingsCustomCell: UITableViewCell {
override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
contentView.addSubview(customCellLabel)
customCellLabel.frame = CGRect(x:16,
y:0,
width: self.frame.width,
height:self.frame.height)
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
private let customCellLabel: UILabel = {
let aLabel = UILabel()
aLabel.text = "custom label"
aLabel.textColor = appGreenColor(alphaIs: 1)
return aLabel
}()
}
//////////////////////////////////
// custom header class below //
//////////////////////////////////
private class SettingsCustomHeader: UITableViewHeaderFooterView {
override init(reuseIdentifier: String?) {
super.init(reuseIdentifier: reuseIdentifier)
contentView.addSubview(customHeaderLabel)
customHeaderLabel.frame = CGRect(x:0,
y:0,
width: self.frame.width,
height:self.frame.height)
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
private let customHeaderLabel: UILabel = {
let aLabel = UILabel()
aLabel.text = "custom header"
aLabel.textColor = UIColor.white
aLabel.backgroundColor = UIColor.red
return aLabel
}()
}
在另一个 .swift 文件中,我有如下 Controller 。
class SettingsVC: UIViewController, UITableViewDelegate, UITableViewDataSource {
private let instanceOfSettingsView = SettingsView()
override func loadView() {
super.loadView()
instanceOfSettingsView.settingsCustomTable.delegate = self
instanceOfSettingsView.settingsCustomTable.dataSource = self
view.addSubview(instanceOfSettingsView.settingsCustomTable)
instanceOfSettingsView.settingsCustomTable.frame = CGRect(x: 0,
y: 0,
width: self.view.frame.width,
height: self.view.frame.height)
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 2
}
func numberOfSections(in tableView: UITableView) -> Int {
return 2
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
return tableView.dequeueReusableCell(withIdentifier: "customCell", for: indexPath)
}
func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
return tableView.dequeueReusableHeaderFooterView(withIdentifier: "customHeader")
}
如您所见,我对单元格和页眉部分使用了完全相同的方法。但出于某种奇怪的原因,我得到了以下输出(请查看本文末尾的屏幕截图)..
你能告诉我我错过了什么吗..?我试图让我的 View 与我的 Controller 分开放置,除了那一小部分之外,这是成功的。
感谢您的帮助。
最佳答案
向自定义 header 的初始化函数添加一行:
override init(reuseIdentifier: String?) {
super.init(reuseIdentifier: reuseIdentifier)
contentView.addSubview(customHeaderLabel)
customHeaderLabel.frame = CGRect(x:0,
y:0,
width: self.frame.width,
height:self.frame.height)
// add this line
print("w:", self.frame.width, "h:", self.frame.height)
}
你会看到,此时框架尚未设置。您的调试控制台输出应该是:
w: 0.0 h: 0.0
w: 0.0 h: 0.0
如果您在 customHeaderLabel
上设置约束而不是设置其框架,您应该会看到该标签。 (它还可以帮助设置背景颜色,这样您就可以看到是什么)。
所以,要“填写”这个答案......
使用视觉格式语言:
override init(reuseIdentifier: String?) {
super.init(reuseIdentifier: reuseIdentifier)
contentView.addSubview(customHeaderLabel)
customHeaderLabel.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate(NSLayoutConstraint.constraints(withVisualFormat: "H:|-8-[chl]|", options: [], metrics:[:], views:["chl":customHeaderLabel]))
NSLayoutConstraint.activate(NSLayoutConstraint.constraints(withVisualFormat: "V:|[chl]|", options: [], metrics:[:], views:["chl":customHeaderLabel]))
}
或者使用 anchor 和.constraint
格式:
override init(reuseIdentifier: String?) {
super.init(reuseIdentifier: reuseIdentifier)
contentView.addSubview(customHeaderLabel)
customHeaderLabel.translatesAutoresizingMaskIntoConstraints = false
customHeaderLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 8.0).isActive = true
customHeaderLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 0.0).isActive = true
customHeaderLabel.rightAnchor.constraint(equalTo: contentView.rightAnchor, constant: 0.0).isActive = true
customHeaderLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: 0.0).isActive = true
}
关于ios - 程序化 UITableView 中不显示节标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45621669/