在点击手势上重置CollectionviewCell位置

时间:2017-09-08 19:59:06

标签: swift3 uicollectionview uitapgesturerecognizer swipe-gesture performbatchupdates

我第一次在这里做手势。如果我的方法错误或有任何更好的解决方案,请告诉我。

我试图在UITableview删除功能上滑动左侧时删除collectionView Cell。删除工作正常。现在我想要的是,一旦我刷过单元格并点击COllectionView上的任何地方,它应该刷回原来的位置(就像tableview删除行功能一样)

我正在使用/尝试此代码 更新了viewDidLoad 点按了事件

override func viewDidLoad() {
super.viewDidLoad()

        let tap = UITapGestureRecognizer(target: self, action: #selector(tapped(_:)))
        self.view.addGestureRecognizer(tap)
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {

let Cell = collectionView.dequeueReusableCell(withReuseIdentifier: "collectionCell", for: indexPath) as! CustomCell
    Cell.backgroundColor = UIColor.white

    let leftSwipe = UISwipeGestureRecognizer(target: self, action: #selector(delete(sender:)))
    leftSwipe.direction = UISwipeGestureRecognizerDirection.left
    Cell.addGestureRecognizer(leftSwipe)

    let tap = UITapGestureRecognizer(target: self, action: #selector(tapped(_:)))
    Cell.addGestureRecognizer(tap)

    Cell.deleteButton.addTarget(self, action: #selector(DeleteCell(sender:)), for: .touchUpInside)
}

func tapped(_ recognizer: UITapGestureRecognizer) {
   // self.collectionView.performBatchUpdates({ 
        //self.collectionView.reloadSections(NSIndexSet(index: 0) as IndexSet)
    //}, completion: nil)


    let point = recognizer.location(in: collectionView)
    let indexPath = collectionView.indexPathForItem(at: point)        
    let cell = self.collectionView.cellForItem(at: indexPath!)

    UIView.animate(withDuration: 0.4) {

        cell?.contentView.frame = CGRect(x: 0, y: 0, width: (cell?.contentView.frame.width)!, height: (cell?.contentView.frame.height)!)
    }

}

func delete(sender: UISwipeGestureRecognizer){

    let cell = sender.view as! CustomCell

    UIView.animate(withDuration: 0.4) {
        cell.contentView.frame = CGRect(x: -90, y: 0, width: cell.contentView.frame.width, height: cell.contentView.frame.height)
    }
}

func DeleteCell(sender : AnyObject){

    let cell = sender.superview as! CustomCell
    let i = self.collectionView.indexPath(for: cell)!.item

    let indexpath = self.collectionView.indexPath(for: cell)
    let array : NSMutableArray = []

    self.collectionView.performBatchUpdates({ 

        self.userArray.remove(at: i)

        array.add(indexpath!)

        self.collectionView.deleteItems(at:array as! [IndexPath])

    }, completion: nil)
}


class CustomCell: UICollectionViewCell {
    let deleteButton: UIButton = {
    let deleteBtn = UIButton()
    deleteBtn.setImage(UIImage(named: "red"), for: .normal)
    deleteBtn.contentMode = .scaleAspectFit
    return deleteBtn
    }()
}

所以在这里我可以通过 self.collectionView.performBatchUpdates 将单元格的位置设置回原始位置,但是它不是平滑的动画。我尝试使用

UIView.animate(withDuration: 0.4) {            
    cell.contentView.frame = CGRect(x: 0, y: 0, width:     cell.contentView.frame.width, height: cell.contentView.frame.height)
}

但它只适用于轻拍滑动的细胞,而不是任何其他细胞或其他任何地方。任何建议都会有所帮助!!

2 个答案:

答案 0 :(得分:0)

现在您正在从内部访问您的单元格。它仅用于点击您刚刚刷过的单元格的原因是因为这是具有该UITapGestureRecognizer特定实例的唯一单元格。要解决此问题,您应该将该手势识别器添加到整个视图中。尝试将此添加到您的viewDidLoad()方法:

let tap = UITapGestureRecognizer(target: self, action: #selector(tapped(_:)))
self.view.addGestureRecognizer(tap)

答案 1 :(得分:0)

最后,得到了解决方案。

以下是我找到的演示项目 - CollectionViewSlideLeft

希望它会帮助像我这样的人。 :)