swift – Collectionview交互式单元交换

发布时间：2020-12-14 05:00:49 所属栏目：百科来源：网络整理

导读：我已经实现了 here所描述的集合视图.正如您所看到的,它使用了iOS 9中提供的集合视图的单元的交互式重新排序.但问题是,我无法控制单元格的重新排序. 说细胞是这样的 – 1 2 3 45 6 7 89 10 11 12 我想只交换单元格6和4.所以在重新排序后,单元格将是 1 2 3 65

我已经实现了 here所描述的集合视图.正如您所看到的,它使用了iOS 9中提供的集合视图的单元的交互式重新排序.但问题是,我无法控制单元格的重新排序.

说细胞是这样的 –

1  2  3  4
5  6  7  8
9  10 11 12

我想只交换单元格6和4.所以在重新排序后,单元格将是

1  2  3  6
5  4  7  8
9  10 11 12

在这里,在教程中,在程序的开头,集合视图是这样的 –

enter image description here

如果我把星巴克放在Rose Tyler之上,就会发生这种情况 –

enter image description here

请注意,Sarah Connor有星巴克之地.

我想控制细胞的重新排序,这样Rose Tyler和星巴克的位置就会被交换掉.

我怎么做？

解决方法

简单的解决方案是通过简单地沿着屏幕中的平移移动单元格来实现您自己的交互式单元格排序行为,并在手势结束于另一个单元格的位置时进行交换(使用您自己的动画和数据源更新).这是一个工作样本：

class ViewController: UIViewController,UICollectionViewDataSource {

    var arr: [String] = (0...100).map { return "($0)" }

    lazy var collectionView: UICollectionView =  {
        let layout = UICollectionViewFlowLayout()
        let cv: UICollectionView = UICollectionView(frame: self.view.bounds,collectionViewLayout: layout)
        cv.register(Cell.self,forCellWithReuseIdentifier: Cell.id)
        layout.itemSize = CGSize(width: view.bounds.width/3.5,height: 100)
        cv.dataSource = self
        cv.addGestureRecognizer(longPressGesture)
        return cv
    }()

    lazy var longPressGesture: UILongPressGestureRecognizer = UILongPressGestureRecognizer(target: self,action: #selector(self.handleLongGesture(gesture:)))

    private var movingCell: MovingCell?

    override func viewDidLoad() {
        super.viewDidLoad()
        view = collectionView
    }

    @objc func handleLongGesture(gesture: UILongPressGestureRecognizer) {

        var cell: (UICollectionViewCell?,IndexPath?) {
            guard let indexPath = collectionView.indexPathForItem(at: gesture.location(in: collectionView)),let cell = collectionView.cellForItem(at: indexPath) else { return (nil,nil) }
            return (cell,indexPath)
        }

        switch(gesture.state) {

        case .began:
            movingCell = MovingCell(cell: cell.0,originalLocation: cell.0?.center,indexPath: cell.1)
            break
        case .changed:

            /// Make sure moving cell floats above its siblings.
            movingCell?.cell.layer.zPosition = 100
            movingCell?.cell.center = gesture.location(in: gesture.view!)

            break
        case .ended:

            swapMovingCellWith(cell: cell.0,at: cell.1)
            movingCell = nil
        default:
            movingCell?.reset()
            movingCell = nil
        }
    }

    func swapMovingCellWith(cell: UICollectionViewCell?,at indexPath: IndexPath?) {
        guard let cell = cell,let moving = movingCell else {
            movingCell?.reset()
            return
        }

        // update data source
        arr.swapAt(moving.indexPath.row,indexPath!.row)

        // swap cells
        animate(moving: moving.cell,to: cell)
    }

    func animate(moving movingCell: UICollectionViewCell,to cell: UICollectionViewCell) {
        longPressGesture.isEnabled = false

        UIView.animate(withDuration: 0.4,delay: 0,usingSpringWithDamping: 0.1,initialSpringVelocity: 0.7,options: UIViewAnimationOptions.allowUserInteraction,animations: {
            movingCell.center = cell.center
            cell.center = movingCell.center
        }) { _ in
            self.collectionView.reloadData()
            self.longPressGesture.isEnabled = true
        }
    }

    func collectionView(_ collectionView: UICollectionView,numberOfItemsInSection section: Int) -> Int {
        return arr.count
    }

    func collectionView(_ collectionView: UICollectionView,cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell: Cell = collectionView.dequeueReusableCell(withReuseIdentifier: Cell.id,for: indexPath) as! Cell
        cell.titleLable.text = arr[indexPath.row]
        return cell
    }

    private struct MovingCell {
        let cell: UICollectionViewCell
        let originalLocation: CGPoint
        let indexPath: IndexPath

        init?(cell: UICollectionViewCell?,originalLocation: CGPoint?,indexPath: IndexPath?) {
            guard cell != nil,originalLocation != nil,indexPath != nil else { return nil }
            self.cell = cell!
            self.originalLocation = originalLocation!
            self.indexPath = indexPath!
        }

        func reset() {
            cell.center = originalLocation
        }
    }

    final class Cell: UICollectionViewCell {
        static let id: String = "CellId"

        lazy var titleLable: UILabel = UILabel(frame: CGRect(x: 0,y: 20,width: self.bounds.width,height: 30))

        override init(frame: CGRect) {
            super.init(frame: frame)
            addSubview(titleLable)
            titleLable.backgroundColor = .green
            backgroundColor = .white
        }

        required init?(coder aDecoder: NSCoder) {
            super.init(coder: aDecoder)
        }
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!