Question

If I want to animate UITableViewCell so it would bounce from left to right a few times, How can I do that? I’m trying that:

var bounds = activeCell.Bounds;
var originalLocation = bounds.Location;
var loc = originalLocation;

UIView.Animate(0.2,()=>{
   loc.X = originalLocation.X + 20;
   activeCell.Bounds = new RectangleF (loc, bounds.Size);   
   loc.X = originalLocation.X - 20;
   activeCell.Bounds = new RectangleF (loc, bounds.Size);   
});

It animates only the last state (i.e. moves element to the left). I tried to put them in separated Animate blocks – it didn’t help. Tried to use different UIAnimationOptions – the same.

Answer 1

Lack of documentation and good samples sometimes really makes even simple tasks so annoyingly challenging.

Here is the solution

Sure code isn’t elegant, but it works. Hope it will someday help somebody else, so he or she wouldn’t need to spend half a day on something stupidly simple like that

var activeCell = ((Element)sender).GetActiveCell();

var animation = 
 (CAKeyFrameAnimation)CAKeyFrameAnimation.FromKeyPath ("transform.translation.x");
animation.Duration = 0.3;

animation.TimingFunction = // small details matter :)
          CAMediaTimingFunction.FromName(CAMediaTimingFunction.EaseOut.ToString()); 

animation.Values = new NSObject[]{
                                   NSObject.FromObject (20), 
                                   NSObject.FromObject (-20),
                                   NSObject.FromObject (10),
                                   NSObject.FromObject (-10),
                                   NSObject.FromObject (15),
                                   NSObject.FromObject (-15),
                                 };

activeCell.Layer.AddAnimation (animation,"bounce");