Hat*_*nzō 3 uitableview ios nslayoutconstraint swift
这不是重复的问题,因为这个问题没有真正的解决方案
我正在尝试UITableViewcell使用约束通过其内容实现动态高度,但收到布局警告:
将尝试通过打破约束来恢复
在 UIViewAlertForUnsatisfiableConstraints 处创建一个符号断点以在调试器中捕获它。中列出的 UIView 上的 UIConstraintBasedLayoutDebugging 类别中的方法也可能会有所帮助。2019-03-15 12:27:52.085475+0400 TableCellDynamicHeight[31984:1295380] [LayoutConstraints] 无法同时满足约束。可能以下列表中的至少一项约束是您不想要的。试试这个: (1) 查看每个约束并尝试找出您不期望的;(2) 找到添加不需要的约束或约束的代码并修复它。( "", "", "", "" )
我检查了一些线程: Dynamic tableViewCell height
UITableView 单元格的动态高度问题 (Swift)
Swift 3 - 自定义 TableViewCell 动态高度 - 以编程方式
什么是正确的解决方案,我错过了什么?
视图控制器:
import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
lazy var tableView: UITableView = {
let table = UITableView()
table.backgroundColor = .white
table.translatesAutoresizingMaskIntoConstraints = false
table.register(TableViewCell.self, forCellReuseIdentifier: "cellId")
table.dataSource = self
table.delegate = self
return table
}()
let arr:[Int:UIColor] = [345: UIColor.random, 422: .random, 23: .random, 344: .random,200: .random,140: .random]
var pickerDataVisitLocation = [203: "Home", 204: "Hospital", 205: "Other"]
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .red
self.view.addSubview(tableView)
//
tableView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor).isActive = true
tableView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor).isActive = true
tableView.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
tableView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true
tableView.tableFooterView = UIView()
}
}
extension ViewController {
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return arr.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "cellId", for: indexPath) as! TableViewCell
let value:UIColor = Array(arr)[indexPath.row].value
let key = Array(arr)[indexPath.row].key
cell.setupViews(he: CGFloat(key), color: value)
return cell
}
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return UITableView.automaticDimension
}
func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
return UITableView.automaticDimension
}
}
extension UIColor {
static var random: UIColor {
return UIColor(red: .random(in: 0...1),
green: .random(in: 0...1),
blue: .random(in: 0...1),
alpha: 1.0)
}
}
Run Code Online (Sandbox Code Playgroud)
表视图单元格:
import UIKit
class TableViewCell: UITableViewCell {
override func awakeFromNib() {
super.awakeFromNib()
}
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
}
func setupViews(he:CGFloat, color:UIColor) {
let v:UIView = UIView()
v.translatesAutoresizingMaskIntoConstraints = false
self.addSubview(v)
v.trailingAnchor.constraint(equalTo: self.trailingAnchor).isActive = true
v.backgroundColor = color
v.leadingAnchor.constraint(equalTo: self.leadingAnchor).isActive = true
v.topAnchor.constraint(equalTo: self.topAnchor).isActive = true
v.bottomAnchor.constraint(equalTo: self.bottomAnchor).isActive = true
v.heightAnchor.constraint(equalToConstant: he).isActive = true
#warning("here is constraint error conflict with bottomAnchor and heightAnchor, need correct solution")
}
}
Run Code Online (Sandbox Code Playgroud)
你做错了几件事......
首先,单元格被重用(因此是dequeueReusableCell),但是每次重用单元格时,您的setupViews()func 都会添加一个新的子视图。
这意味着当您滚动并重复使用单元格时,您最终会得到 2、3、4……十几个子视图,所有这些子视图都具有相互冲突的约束。
将您移动addSubview()到单元格中的公共初始化函数,因此视图仅创建和添加一次。
这也是您应该设置约束的地方。
要在设计应用程序时更改子视图的高度,您需要更改.constant子视图的高度约束。
这是您修改后的代码。我在代码中添加了足够多的注释,应该很清楚:
class HattoriTableViewCell: UITableViewCell {
// the view to add as a subview
let myView: UIView = {
let v = UIView()
v.translatesAutoresizingMaskIntoConstraints = false
return v
}()
// the constraint we'll use for myView's height
var myViewHeightConstraint: NSLayoutConstraint!
override func awakeFromNib() {
super.awakeFromNib()
commonInit()
}
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
commonInit()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
commonInit()
}
func commonInit() -> Void {
// add the subview
self.addSubview(myView)
// constrain it to all 4 sides
myView.trailingAnchor.constraint(equalTo: self.trailingAnchor).isActive = true
myView.leadingAnchor.constraint(equalTo: self.leadingAnchor).isActive = true
myView.topAnchor.constraint(equalTo: self.topAnchor).isActive = true
myView.bottomAnchor.constraint(equalTo: self.bottomAnchor).isActive = true
// create the height constraint
myViewHeightConstraint = myView.heightAnchor.constraint(equalToConstant: 1)
// needs Priority less-than 1000 (default) to avoid breaking constraints
myViewHeightConstraint.priority = UILayoutPriority.init(999)
// activate it
myViewHeightConstraint.isActive = true
}
func setupViews(he:CGFloat, color:UIColor) {
// set myView's background color
myView.backgroundColor = color
// change myView's height constraint constant
myViewHeightConstraint.constant = he
}
}
class HattoriViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
lazy var tableView: UITableView = {
let table = UITableView()
table.backgroundColor = .white
table.translatesAutoresizingMaskIntoConstraints = false
table.register(HattoriTableViewCell.self, forCellReuseIdentifier: "cellId")
table.dataSource = self
table.delegate = self
return table
}()
let arr:[Int:UIColor] = [345: UIColor.random, 422: .random, 23: .random, 344: .random,200: .random,140: .random]
var pickerDataVisitLocation = [203: "Home", 204: "Hospital", 205: "Other"]
override func viewDidLoad() {
super.viewDidLoad()
view.backgroundColor = .red
self.view.addSubview(tableView)
//
tableView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor).isActive = true
tableView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor).isActive = true
tableView.topAnchor.constraint(equalTo: self.view.topAnchor).isActive = true
tableView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true
tableView.tableFooterView = UIView()
// use a reasonable value -- such as the average of what you expect (if known)
tableView.estimatedRowHeight = 200
}
}
extension HattoriViewController {
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return arr.count
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "cellId", for: indexPath) as! HattoriTableViewCell
let value:UIColor = Array(arr)[indexPath.row].value
let key = Array(arr)[indexPath.row].key
cell.setupViews(he: CGFloat(key), color: value)
return cell
}
// NOT NEEDED
// func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
// return UITableView.automaticDimension
// }
//
// func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
// return UITableView.automaticDimension
// }
}
extension UIColor {
static var random: UIColor {
return UIColor(red: .random(in: 0...1),
green: .random(in: 0...1),
blue: .random(in: 0...1),
alpha: 1.0)
}
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
7566 次 |
| 最近记录: |