swift - 自定义 tableView 单元格内部:UILabel 的背景超出文本长度(以编程方式)
问题描述
我用自定义单元格创建了一个 tableView,它以编程方式包含两个标签。而且我无法让左标签的文本与其背景对齐。可能需要你们的一些帮助。
为了缩小问题范围,我创建了一个小项目来做一些实验:
内部视图控制器:
- 如果使用
tableView.rowHeight = 40
,得到低于结果,这不是我想要的。左侧标签的背景超出了文本长度。
- 如果注释掉 line
tableView.rowHeight = 40
,得到下面的结果,这是我想要的,但在控制台中有一个警告。
“[警告] 仅警告一次:检测到约束模糊地建议表格视图单元格的内容视图高度为零的情况。我们正在考虑意外折叠并改用标准高度。”
- 也尝试使用下面的语句,它在屏幕上的显示与场景 2 相同。但是,它与场景 2 有相同的警告。
tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = 40
视图控制器
import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
var tableView = UITableView()
override func viewDidLoad() {
super.viewDidLoad()
let uiView = UIView()
uiView.backgroundColor = .systemBackground
view = uiView
tableView.delegate = self
tableView.dataSource = self
tableView.register(CustomCell.self, forCellReuseIdentifier: "countryDetail")
tableView.translatesAutoresizingMaskIntoConstraints = false
tableView.rowHeight = 40
view.addSubview(tableView)
NSLayoutConstraint.activate([
tableView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
tableView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor),
tableView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor),
tableView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
])
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 8
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
guard let cell = tableView.dequeueReusableCell(withIdentifier: "countryDetail", for: indexPath) as? CustomCell else {
fatalError("Unable to dequeue CustomCell")
}
cell.name.text = "Country: "
cell.value.text = "US"
return cell
}
}
自定义单元
import UIKit
class CustomCell: UITableViewCell {
var name = UILabel()
var value = UILabel()
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: "countryDetail")
name.translatesAutoresizingMaskIntoConstraints = false
name.numberOfLines = 0
name.textAlignment = .left
name.layer.masksToBounds = true
name.layer.cornerRadius = 5
name.backgroundColor = .systemGreen
name.font = UIFont(name: "Helvetica Neue", size: 22)
contentView.addSubview(name)
value.translatesAutoresizingMaskIntoConstraints = false
value.numberOfLines = 0
value.textAlignment = .left
value.font = UIFont(name: "Helvetica Neue", size: 18)
contentView.addSubview(value)
NSLayoutConstraint.activate([
name.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 10),
name.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
value.leadingAnchor.constraint(equalTo: name.trailingAnchor, constant: 10),
value.centerYAnchor.constraint(equalTo: contentView.centerYAnchor),
value.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -10)
])
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
解决方案
哦,这是一个愚蠢的错误。我应该删除这条线value.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -10)
以CustomCell
删除右标签的尾随锚约束,因为我希望右标签左对齐到左标签。
而这一次使用tableView.rowHeight = 40
,该应用程序运行良好。
推荐阅读
- amazon-web-services - 自动创建 AWS IAM 用户、内容、SQS 队列和相关权限?
- arrays - Ansible 从寄存器解析 JSON 数组
- reactjs - React 路由器入门
- android - 如何在奥利奥的锁定屏幕上绘制视图?
- powerbi - 使用 PowerBI 中的 DAX 测量最近值的总和
- git - 带有 vim-fugitive 的 nnoremap 命令
- actions-on-google - 用于百叶窗的谷歌智能家居命令
- c# - Xamarin 与 PCLStorage - 在哪里放置 SQLite3 文件?
- r - 如何在ggplot中的ylim上方和下方添加空间?
- go - 如何关闭频道并等待多个 http 响应?