How to animate Edit Actions For Row At IndexPath to show user action

Question

I have seen a few apps that have implemented an animation when users load a tableView that shows them they can swipe left on a cell. It shows the cell being swiped then quickly closes so the user can do what they want.

I have searched for some pre-exiting libraries but haven't found any.

Can I programatically swipe the cell? And therefore call this on viewDidLoad (or appear)?

Have you found a solution? – Luigi Saggese Aug 18 '16 at 12:54 — Luigi Saggese, Aug 18 '16 at 12:54
@LuigiSaggese No sorry - kind of stopped looking as well. – Craig.Pearce Aug 19 '16 at 15:21 — Craig.Pearce, Aug 19 '16 at 15:21

score 1 · Answer 1 · answered Nov 30 '17 at 19:45

In Swift you can do something like this, however, this does not reveal the underlying edit actions that are normally revealed by swiping left on a UITableViewcell. It only animates the swipe action

fileprivate func showSwipeAction() 
{
    let animation = CABasicAnimation(keyPath: "position")
    animation.duration = 0.08
    animation.repeatCount = 1
    animation.autoreverses = true
    animation.speed = 0.30
    let fromPoint:CGPoint = CGPoint(x: self.center.x, y: self.center.y)
    animation.fromValue = NSValue(cgPoint: fromPoint)
    let toPoint:CGPoint = CGPoint(x: self.center.x - 50, y: self.center.y)
    animation.toValue = NSValue(cgPoint: toPoint)
    self.setEditing(true, animated: true)
    self.layer.add(animation, forKey: "position")
}

score 1 · Answer 2 · answered Jun 11 '18 at 17:29

I definitely second the answer before me.

In order to make it more realistic here is my implementation of the animation:

if let cell = tableView.cellForRow(at: IndexPath(row: 0, section: 0))
    {
        let favouriteView = createFakeFavouriteAction(frame: cell.frame)
        tableView.insertSubview(favouriteView, belowSubview: cell)

        CATransaction.begin()
        let animation = CABasicAnimation(keyPath: "position")
        animation.duration = 0.08
        animation.repeatCount = 1
        animation.autoreverses = true
        animation.speed = 0.3
        let fromPoint: CGPoint = CGPoint(x: cell.center.x, y: cell.center.y)
        animation.fromValue = NSValue(cgPoint: fromPoint)
        let toPoint: CGPoint = CGPoint(x: cell.center.x - 75, y: cell.center.y)
        animation.toValue = NSValue(cgPoint: toPoint)
        CATransaction.setCompletionBlock {
            favouriteView.removeFromSuperview()
        }
        cell.setEditing(true, animated: true)
        cell.layer.add(animation, forKey: "position")
    }

Now, I can imagine if you have more than one UITableViewRowAction then you want to add more than one view under your cell and you want to animate those as well. My implementation is just a simple way of letting users know this cell is swipeable.

Could you please post the code in `createFakeFavouriteAction` function? — funkenstrahlen, Mar 25 '19 at 18:53

How to animate Edit Actions For Row At IndexPath to show user action

2 Answers2