将集合视图中的单元格移动到另一部分的最后一个单元格之外不起作用

Posted

技术标签:

【中文标题】将集合视图中的单元格移动到另一部分的最后一个单元格之外不起作用【英文标题】:Moving a cell in a collection view beyond the last cell of another section does not work 【发布时间】:2016-09-04 15:37:15 【问题描述】:

为了能够在集合视图中移动/平移单元格,应该实现 UIGestureRecognizer。这在单节集合视图中工作正常。但是,在多节集合视图中,当单元格被平移/移动到另一个节的最后一个单元格之外时,会发生错误。 尽管“cellForItemAtIndexPath”在平移期间被正确触发以显示“新”单元格,但不应在平移超出最后一个可用单元格后触发(即在这种情况下 indexPath.row == numberOfItemsInSection 并导致错误(参见下面的代码)) .

在表格视图中,(默认)移动/平移实现不会出现此问题。

这可能是 Swift 中的一个错误吗?是否有人建议在平移超出部分中的最后一个单元格时避免触发“cellForItemAtIndexPath”?

下面是 Swift 2.3 中的一个工作代码示例来说明问题。

class CustomViewController: UIViewController, UICollectionViewDataSource, UICollectionViewDelegate, UICollectionViewDelegateFlowLayout 

    private var list = ["one", "two", "three","four","five","six","seven","eight"]
    private var itemsList: [[String]]!

    private var collectionView : UICollectionView!

    override func viewDidLoad() 
        super.viewDidLoad()

        itemsList = [list, list, list] // Create three sections

        collectionView = UICollectionView(frame: CGRectZero, collectionViewLayout: UICollectionViewFlowLayout())
        self.collectionView.dataSource = self
        self.collectionView.delegate = self
        self.collectionView.translatesAutoresizingMaskIntoConstraints = false
        self.collectionView.registerClass(CustomCell.self, forCellWithReuseIdentifier: "cell")

        let panGesture = UIPanGestureRecognizer(target: self, action: #selector(CustomViewController.handleGesture(_:)))
        self.collectionView.addGestureRecognizer(panGesture)
        self.view.addSubview(self.collectionView)
    

    override func viewWillLayoutSubviews() 
        let margins = view.layoutMarginsGuide
        self.collectionView.leadingAnchor.constraintEqualToAnchor(margins.leadingAnchor, constant: 0).active = true
        self.collectionView.trailingAnchor.constraintEqualToAnchor(margins.trailingAnchor, constant: 0).active = true
        self.collectionView.bottomAnchor.constraintEqualToAnchor(view.bottomAnchor, constant: 0).active = true
        self.collectionView.topAnchor.constraintEqualToAnchor(view.topAnchor, constant: 0).active = true
    

    override func viewWillAppear(animated: Bool) 
        super.viewWillAppear(animated)
    

    func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int   
        return itemsList.count
    

    func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int 
         return itemsList[section].count
    

    func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell 
        let cell = collectionView.dequeueReusableCellWithReuseIdentifier("cell", forIndexPath: indexPath) as! CustomCell

        let items = itemsList[indexPath.section]

        cell.label.text = items[indexPath.row] // The error occurs here, after panning beyond the last cell of another section stating: "fatal error: Index out of range"
        return cell
    

    func collectionView(collectionView: UICollectionView, canMoveItemAtIndexPath indexPath: NSIndexPath) -> Bool 
        return true
    

    func collectionView(collectionView: UICollectionView, moveItemAtIndexPath sourceIndexPath: NSIndexPath, toIndexPath destinationIndexPath: NSIndexPath) 
        let itemToMove = itemsList[sourceIndexPath.section][sourceIndexPath.row]
        itemsList[sourceIndexPath.section].removeAtIndex(sourceIndexPath.row)
        itemsList[destinationIndexPath.section].insert(itemToMove, atIndex: destinationIndexPath.row)
    


    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize 
                  return CGSizeMake(collectionView.bounds.size.width, 50)
    

    func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize 
        return CGSizeMake(collectionView.bounds.size.width, 40)
    

    func handleGesture(gesture: UIPanGestureRecognizer) 
        switch(gesture.state) 
        case UIGestureRecognizerState.Began:

            guard let selectedIndexPath = self.collectionView.indexPathForItemAtPoint(gesture.locationInView(self.collectionView)) else 
                break 
            collectionView.beginInteractiveMovementForItemAtIndexPath(selectedIndexPath)
        case UIGestureRecognizerState.Changed:
            collectionView.updateInteractiveMovementTargetPosition(gesture.locationInView(gesture.view!))
        case UIGestureRecognizerState.Ended:
            collectionView.endInteractiveMovement()
        default:
            collectionView.cancelInteractiveMovement()
        
    



class CustomCell: UICollectionViewCell 
    var label: UILabel!
    required init(coder aDecoder: NSCoder) 
        super.init(coder: aDecoder)!
    

    override init(frame: CGRect) 
        super.init(frame: frame)
        self.backgroundColor = UIColor.whiteColor()
        self.label = UILabel()
        self.label.translatesAutoresizingMaskIntoConstraints = false
        self.contentView.addSubview(self.label)
    

    override func layoutSubviews() 
        super.layoutSubviews()
        let margins = self.contentView.layoutMarginsGuide
        self.label.leadingAnchor.constraintEqualToAnchor(margins.leadingAnchor).active = true
        self.label.trailingAnchor.constraintEqualToAnchor(margins.trailingAnchor).active = true
        self.label.centerYAnchor.constraintEqualToAnchor(self.contentView.centerYAnchor).active = true
    

【问题讨论】:

"出现错误" 什么错误?你说“问题发生在这里”,但 是那个抛出fatalError 的人。那么问题是什么? indexPath.row > itemsList[indexPath.section].count 时发生错误,这是在将单元格平移到另一部分中的最后一个单元格之后导致的。我更新了代码。 但现在我不知道错误在哪一行。你的意思是let items = itemsList[indexPath.section]?那么您是否调试并查看 indexPath.section 究竟是什么? 错误发生在items[indexPath.row]。 IndexPath 在错误发生之前是<NSIndexPath: ...> length = 2, path = 1 - 8。有了这个 indexPath,cellForItemAtIndexPath 应该永远不会被触发。因此,我觉得这可能是一个错误。 也许尝试阻止它被您的targetIndexPathForMoveFromItem 实现触发? 【参考方案1】:

根据 Apple 的说法,我的问题中描述的问题是 ios 中的一个错误,并且似乎在当前版本的 iOS 10 beta (xcode 8 GM) 中得到了解决。

不幸的是,集合视图的其他问题尚未修复,例如将项目移动到空白部分的基本支持。

【讨论】:

以上是关于将集合视图中的单元格移动到另一部分的最后一个单元格之外不起作用的主要内容,如果未能解决你的问题,请参考以下文章

将数据从集合视图单元格移动到新的集合视图单元格

将数据从集合视图单元格内的表视图单元格传输到另一个集合视图单元格 [带图片!]

如何将集合视图上选择的所有单元格列出到另一个视图中

将表格视图单元格从一个表格视图移动到新的表格视图

集合视图单元格中的集合视图适合内容

如何将表格视图单元格从一个表格视图移动到新的表格视图