自 Xcode 12 (Swift 5.3) 以来,嵌套集合视图不响应单元格选择
Nested collection view doesn't respond on cell selection since Xcode 12 (Swift 5.3)
自从最近的 xcode 更新(到版本 12)以来,嵌套 [=16= 的委托方法 didSelectItemAt ] 没有反应。
我的结构:UITableView
(纵向)- UITableViewCell
- UICollectionView
(横向)
垂直 tableview
由三个部分组成。两个部分每个只有一个 tableViewCell
。其中每个 tableViewCells
都有一个水平 collectionView
。
最后一部分有更多的 tableViewCells。
我只在第三部分使用 tableViews didSelectRowAt 方法。对于第 1 部分和第 2 部分,我正在使用 collectionViews didSelectItemAt 并通过 tableViewCell 发送回调。但是 didSelectItemAt 不响应用户点击。
我不使用自定义 select 方法。
在更新到 xcode 12 (swift 5.3) 之前一切正常。
代码:
private lazy var tableView: UITableView = {
let tv = UITableView(frame: CGRect.zero, style: .grouped)
tv.translatesAutoresizingMaskIntoConstraints = false
tv.delegate = self
tv.dataSource = self
tv.register(FirstHeader.self, forHeaderFooterViewReuseIdentifier: FirstHeader.reuseIdentifier)
tv.register(SecondHeader.self, forHeaderFooterViewReuseIdentifier: SecondHeader.reuseIdentifier)
tv.register(FirstTVCell.self, forCellReuseIdentifier: FirstTVCell.reuseIdentifier)
tv.register(SecondTVCell.self, forCellReuseIdentifier: SecondTVCell.reuseIdentifier)
tv.register(ThirdTVCell.self, forCellReuseIdentifier: ThirdTVCell.reuseIdentifier)
tv.alwaysBounceVertical = true
tv.isDirectionalLockEnabled = true
return tv
}()
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
switch indexPath.section {
case 1:
guard let cell = tableView.dequeueReusableCell(withIdentifier: FirstTVCell.reuseIdentifier) as? FirstTVCell else { fatalError("Cant dequeue FirstTVCell") }
cell.setup(elements: firstElements, didSelect: onTap)
cell.selectionStyle = .none
return cell
case 2:...
}
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
switch indexPath.section {
case 3:
onCellTap?(thirdElements?[indexPath.row])
default:
return
}
}
tableViewCell
的代码与 collectionView
class FirstTVCell: UITableViewCell {
static let reuseIdentifier = "FirstTVCell"
private var didSelect: ((Element?) -> Void)?
private var elements: [Element]?
private lazy var collectionView: UICollectionView = {
let layout = UICollectionViewFlowLayout()
let cv = UICollectionView(frame: CGRect.zero, collectionViewLayout: layout)
cv.translatesAutoresizingMaskIntoConstraints = false
cv.delegate = self
cv.dataSource = self
cv.register(ChipCell.self, forCellWithReuseIdentifier: ChipCell.reuseIdentifier)
return cv
}()
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: .default, reuseIdentifier: reuseIdentifier)
addSubview(collectionView)
NSLayoutConstraint.activate([
collectionView.centerYAnchor.constraint(equalTo: centerYAnchor),
collectionView.centerXAnchor.constraint(equalTo: centerXAnchor),
collectionView.widthAnchor.constraint(equalTo: widthAnchor),
collectionView.heightAnchor.constraint(equalTo: heightAnchor)
])
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
func setup(elements: [CoreElement]?, didSelect: ((CoreElement?) -> Void)?) {
self.didSelect = didSelect
self.elements = elements
collectionView.reloadData()
}}
extension ListChipCollectionCell: UICollectionViewDelegateFlowLayout, UICollectionViewDataSource {
...
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
didSelect?(elements?[indexPath.row])
}}
CollectionViewCell
class ChipCell: UICollectionViewCell {
static let reuseIdentifier = "ChipCell"
private let titleLabel: UILabel = {
let l = UILabel()
l.translatesAutoresizingMaskIntoConstraints = false
l.font = .customFont(of: .semiBold, size: 14)
l.textAlignment = .center
l.numberOfLines = 1
return l
}()
func setup(element: CoreElement?) {
titleLabel.text = element?.title
addSubview(titleLabel)
NSLayoutConstraint.activate([
titleLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
titleLabel.centerXAnchor.constraint(equalTo: centerXAnchor),
titleLabel.widthAnchor.constraint(equalTo: widthAnchor, constant: -20)
])
}
}
感谢@DonMag 的评论,我忘记将每个 UITableViewCell
和 UICollectionViewCell
中的视图添加到他们的 .contentView
。
而不是 addSubview(collectionView)
在 UITableViewCell
上使用 contentView.addSubview(collectionView)
之前
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: .default, reuseIdentifier: reuseIdentifier)
backgroundColor = .black
addSubview(collectionView)
NSLayoutConstraint.activate([
collectionView.centerYAnchor.constraint(equalTo: centerYAnchor),
collectionView.centerXAnchor.constraint(equalTo: centerXAnchor),
collectionView.widthAnchor.constraint(equalTo: widthAnchor),
collectionView.heightAnchor.constraint(equalTo: heightAnchor)
])
}
之后
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: .default, reuseIdentifier: reuseIdentifier)
backgroundColor = .black
contentView.addSubview(collectionView)
NSLayoutConstraint.activate([
collectionView.centerYAnchor.constraint(equalTo: centerYAnchor),
collectionView.centerXAnchor.constraint(equalTo: centerXAnchor),
collectionView.widthAnchor.constraint(equalTo: widthAnchor),
collectionView.heightAnchor.constraint(equalTo: heightAnchor)
])
}
如果您在单元格中使用 addSubview
,您需要执行以下操作:
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
contentView.isUserInteractionEnabled = true
}
自从最近的 xcode 更新(到版本 12)以来,嵌套 [=16= 的委托方法 didSelectItemAt ] 没有反应。
我的结构:UITableView
(纵向)- UITableViewCell
- UICollectionView
(横向)
垂直 tableview
由三个部分组成。两个部分每个只有一个 tableViewCell
。其中每个 tableViewCells
都有一个水平 collectionView
。
最后一部分有更多的 tableViewCells。
我只在第三部分使用 tableViews didSelectRowAt 方法。对于第 1 部分和第 2 部分,我正在使用 collectionViews didSelectItemAt 并通过 tableViewCell 发送回调。但是 didSelectItemAt 不响应用户点击。
我不使用自定义 select 方法。
在更新到 xcode 12 (swift 5.3) 之前一切正常。
代码:
private lazy var tableView: UITableView = {
let tv = UITableView(frame: CGRect.zero, style: .grouped)
tv.translatesAutoresizingMaskIntoConstraints = false
tv.delegate = self
tv.dataSource = self
tv.register(FirstHeader.self, forHeaderFooterViewReuseIdentifier: FirstHeader.reuseIdentifier)
tv.register(SecondHeader.self, forHeaderFooterViewReuseIdentifier: SecondHeader.reuseIdentifier)
tv.register(FirstTVCell.self, forCellReuseIdentifier: FirstTVCell.reuseIdentifier)
tv.register(SecondTVCell.self, forCellReuseIdentifier: SecondTVCell.reuseIdentifier)
tv.register(ThirdTVCell.self, forCellReuseIdentifier: ThirdTVCell.reuseIdentifier)
tv.alwaysBounceVertical = true
tv.isDirectionalLockEnabled = true
return tv
}()
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
switch indexPath.section {
case 1:
guard let cell = tableView.dequeueReusableCell(withIdentifier: FirstTVCell.reuseIdentifier) as? FirstTVCell else { fatalError("Cant dequeue FirstTVCell") }
cell.setup(elements: firstElements, didSelect: onTap)
cell.selectionStyle = .none
return cell
case 2:...
}
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
switch indexPath.section {
case 3:
onCellTap?(thirdElements?[indexPath.row])
default:
return
}
}
tableViewCell
的代码与 collectionView
class FirstTVCell: UITableViewCell {
static let reuseIdentifier = "FirstTVCell"
private var didSelect: ((Element?) -> Void)?
private var elements: [Element]?
private lazy var collectionView: UICollectionView = {
let layout = UICollectionViewFlowLayout()
let cv = UICollectionView(frame: CGRect.zero, collectionViewLayout: layout)
cv.translatesAutoresizingMaskIntoConstraints = false
cv.delegate = self
cv.dataSource = self
cv.register(ChipCell.self, forCellWithReuseIdentifier: ChipCell.reuseIdentifier)
return cv
}()
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: .default, reuseIdentifier: reuseIdentifier)
addSubview(collectionView)
NSLayoutConstraint.activate([
collectionView.centerYAnchor.constraint(equalTo: centerYAnchor),
collectionView.centerXAnchor.constraint(equalTo: centerXAnchor),
collectionView.widthAnchor.constraint(equalTo: widthAnchor),
collectionView.heightAnchor.constraint(equalTo: heightAnchor)
])
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
func setup(elements: [CoreElement]?, didSelect: ((CoreElement?) -> Void)?) {
self.didSelect = didSelect
self.elements = elements
collectionView.reloadData()
}}
extension ListChipCollectionCell: UICollectionViewDelegateFlowLayout, UICollectionViewDataSource {
...
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
didSelect?(elements?[indexPath.row])
}}
CollectionViewCell
class ChipCell: UICollectionViewCell {
static let reuseIdentifier = "ChipCell"
private let titleLabel: UILabel = {
let l = UILabel()
l.translatesAutoresizingMaskIntoConstraints = false
l.font = .customFont(of: .semiBold, size: 14)
l.textAlignment = .center
l.numberOfLines = 1
return l
}()
func setup(element: CoreElement?) {
titleLabel.text = element?.title
addSubview(titleLabel)
NSLayoutConstraint.activate([
titleLabel.centerYAnchor.constraint(equalTo: centerYAnchor),
titleLabel.centerXAnchor.constraint(equalTo: centerXAnchor),
titleLabel.widthAnchor.constraint(equalTo: widthAnchor, constant: -20)
])
}
}
感谢@DonMag 的评论,我忘记将每个 UITableViewCell
和 UICollectionViewCell
中的视图添加到他们的 .contentView
。
而不是 addSubview(collectionView)
在 UITableViewCell
contentView.addSubview(collectionView)
之前
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: .default, reuseIdentifier: reuseIdentifier)
backgroundColor = .black
addSubview(collectionView)
NSLayoutConstraint.activate([
collectionView.centerYAnchor.constraint(equalTo: centerYAnchor),
collectionView.centerXAnchor.constraint(equalTo: centerXAnchor),
collectionView.widthAnchor.constraint(equalTo: widthAnchor),
collectionView.heightAnchor.constraint(equalTo: heightAnchor)
])
}
之后
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: .default, reuseIdentifier: reuseIdentifier)
backgroundColor = .black
contentView.addSubview(collectionView)
NSLayoutConstraint.activate([
collectionView.centerYAnchor.constraint(equalTo: centerYAnchor),
collectionView.centerXAnchor.constraint(equalTo: centerXAnchor),
collectionView.widthAnchor.constraint(equalTo: widthAnchor),
collectionView.heightAnchor.constraint(equalTo: heightAnchor)
])
}
如果您在单元格中使用 addSubview
,您需要执行以下操作:
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
contentView.isUserInteractionEnabled = true
}