在表视图单元格中滚动水平集合视图的问题

Question

我有一个带有自定义单元格的表格视图，每个单元格都有一个水平集合视图。因此，当重新加载tableView时，我正确地获取了tableview中的数据，因此第一个tableViewCell与集合视图配合良好，但其他单元格的滚动不是从头开始的

我试图在表格视图中制作一个集合视图视图，它工作正常，但滚动无法正常工作

extension HomeVC:UITableViewDataSource,UITableViewDelegate
{
func numberOfSections(in tableView: UITableView) -> Int {
return 1
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return (self.viewModel.homee?.data?.banners?.count ?? 0) + 1
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
return HelpingMethods.setProductHeight() + 50
}
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueCellForTable(ofType: ProductSliderCell.self)
cell.configureCell(banner.content, nil,0)
return cell
}
}

对于集合视图，我使用此代码

class ProductSliderCell: UITableViewCell {

override func awakeFromNib() {
super.awakeFromNib()
collectionView.registerNibForCollection(ofType: productItem.self)
}
@IBOutlet weak var collectionView: UICollectionView!
override func setSelected(_ selected: Bool, animated: Bool) {
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}

}

extension ProductSliderCell:UICollectionViewDelegate,UICollectionViewDataSource ,UICollectionViewDelegateFlowLayout
{
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return  self.contentOffers?.products?.count ?? 0

}
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueCellForCollection(ofType: productItem.self, withIndex: indexPath)
if let product = self.content?.products?[indexPath.item] {
cell.configureCellForHome(product)
return cell
}
func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
cell.layoutIfNeeded()
}
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
return CGSize(width: collectionView.frame.size.width/2.8, height:  HelpingMethods.setProductHeight())
}
}

我没有像我期望的那样得到我认为这是因为单元格的重用

Answer 1

这通常发生在 RTL 方向应用程序中，当单元格被重用时，它不会关闭它在单元格之前的位置

解决方案是始终强制 UICollectionView 在每次加载单元格时翻转，使用 collectionView 的流布局属性flipsHorizontallyInOppositeLayoutDirection返回 true，

1( 创建具有以下属性的自定义流布局类：

class ArabicCollectionFlow: UICollectionViewFlowLayout {
override func prepare() {
super.prepare()
self.scrollDirection = .horizontal
}
override var flipsHorizontallyInOppositeLayoutDirection: Bool {
return true
}
}

在你的 Tableviewcell 类中，为了确保笔尖被加载，awakeFromNib忽略它被重用的事实，你将 collectionView 流布局设置为我们在上面创建的布局

override func awakeFromNib() {
super.awakeFromNib()
categories.collectionViewLayout = ArabicCollectionFlow()
}

请注意，此流布局必须在reloadData之后设置

此外，如果应用在 RTL 模式下运行，则可能只需要使用此解决方案，因此您可以在使用此自定义布局之前进行检查