![](/img/trans.png)
[英]Proper way to reuse UITableViewCell containing UICollectionView
[英]UICollectionView reuse in UITableViewCell
我知道这个问题已经问了很多次,但是没有解决方案可行。
我在uitableview单元格中有集合视图,我在故事板中准备了一个表视图和集合视图的单元格,我的问题是假设我滚动单元格1集合视图,然后单元格4集合也自动滚动到该位置。 我怎么能处理这种情况..
请注意我现在制作一个静态的屏幕设计
我的代码
// MARK:
// MARK: table view delegate method
func numberOfSectionsInTableView(tableView: UITableView) -> Int {
return 1
}
func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
if Appconstant.isIpad()
{
return 215.0
}
return 185.0
}
func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 6
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
let strCell = "WorkoutCell" //+ "\(indexPath.row)"
let cell = tableView.dequeueReusableCellWithIdentifier(strCell) as? WorkoutCell
// if cell == nil
// {
// cell = work
// }
return cell!
}
func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
let cell2 = cell as! WorkoutCell
cell2.collecionWorkout.reloadData()
}
// MARK:
// MARK: collectionview delegate and data source
//1
func shouldInvalidateLayoutForBoundsChange(newBounds: CGRect) -> Bool {
return true
}
func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int {
return 1
}
//2
func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 10
}
func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, insetForSectionAt section: Int) -> UIEdgeInsets {
return UIEdgeInsetsMake(0.0, 10.0, 0.0, 10.0)
}
func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: NSIndexPath) -> CGSize {
// Adjust cell size for orientation
if Appconstant.isIpad() {
return CGSize(width: 160, height: 150)
}
return CGSize(width: 140.0, height: 130.0)
}
//3
func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCellWithReuseIdentifier("WorkoutCollectionCell", forIndexPath: indexPath)
// Configure the cell
return cell
}
uitableview单元格代码
class WorkoutCell: UITableViewCell {
@IBOutlet weak var collecionWorkout: UICollectionView!
var flowLayout : UICollectionViewFlowLayout!
override func awakeFromNib() {
super.awakeFromNib()
self.flowLayout = UICollectionViewFlowLayout()
if Appconstant.isIpad()
{
self.flowLayout.itemSize = CGSize(width: 160, height: 150)
}
else
{
self.flowLayout.itemSize = CGSize(width: 140, height: 130)
}
self.flowLayout.scrollDirection = .Horizontal
self.flowLayout.minimumInteritemSpacing = 10.0
flowLayout.sectionInset = UIEdgeInsetsMake(0.0, 10.0, 0.0, 10.0);
collecionWorkout.collectionViewLayout = flowLayout
// Initialization code
}
override func setSelected(selected: Bool, animated: Bool) {
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
}
我滚动的Cell 1st
单元格4自动滚动
有两种情况。
1 - 重置UICollectionView偏移位置:
要重置collectionview位置,只需在cellForRowAtIndexPath中调用cell.collectionView.contentOffset = .zero
2 - 保持上一个滚动位置:
要保持上一个滚动位置,您需要在包含视图控制器中的数据模型旁边存储每个单元格的偏移列表。 然后,您可以在didEndDisplayingCell
保存给定单元格的偏移量,并将其设置为cellForRowAtIndexPath
而不是.zero
。
UITableView
致力于reusability
的概念。 每当滚动tableView
时, tableView
中的cells
tableView
定会被重用。
现在出现了2个场景,
获取一个新单元格 - 当重复使用tableViewCell
,其中的collectionView
也将被重用,因此这就是保留前一个单元格的contentOffset
的原因。
Scroll to previous cell
- 如果我们手动滚动到collectionView
的特定cell
,我们可能希望在滚动回到它时保留其位置。
要在tableView
获得这种功能,我们需要 - 为1st case
手动重置contentOffset
,并且需要在第二种1st case
保留contentOffset
。
您可以遵循的另一种方法是使用combination of UIScrollview and UIStackView
的combination of UIScrollview and UIStackView
。
这是怎么回事。
在storyboard
,创建一个UIScrollView。 添加一个垂直的UIStackView。
在UICollectionViews
中添加4个stackView
。 此编号可根据您的要求进行配置。
将controller
添加为所有collectionViews
的dataSource
和delegate
。
即
class ViewController: UIViewController, UICollectionViewDataSource {
override func viewDidLoad() {
super.viewDidLoad()
}
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
return 10
}
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CustomCell
cell.label.text = "\(indexPath.row)"
return cell
}
}
class CustomCell: UICollectionViewCell {
@IBOutlet weak var label: UILabel!
}
现在,由于我们使用的是stackView
,因此不会重复使用任何collectionViews
。 因此,所有collectionViews
的contentOffsets
将保持不变。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.