弹跳式动画。当您将其应用于同一属性时

Question

如果我想对 UITableViewCell 进行动画处理，使其从左向右弹跳几次，我该怎么做？我正在尝试：

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);   
});

它仅对最后一个状态进行动画处理（即将元素向左移动）。我尝试将它们放在单独的 Animate 块中 - 但没有帮助。尝试使用不同的 UIAnimationOptions - 相同。

Answer 1

这是一篇很好的文章，解释了如何使其弹跳。

http://khanlou.com/2012/01/cakeyframeanimation-make-it- ounce/

此外，还有用于计算反弹路径的公式的解释。
为了我个人的使用，我采用了计算的绝对值来模拟地面上的反弹。

- (void) displayNoCommentWithAnimation{
CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"position.y"];
animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
animation.duration = 2;

int steps = 120;
NSMutableArray *values = [NSMutableArray arrayWithCapacity:steps];
double value = 0;
float e = 2.71;
for (int t = 0; t < steps; t++) {
    value = 210 - abs(105 * pow(e, -0.025*t) * cos(0.12*t));
    [values addObject:[NSNumber numberWithFloat:value]];
}
animation.values = values;

animation.removedOnCompletion = NO;
animation.fillMode = kCAFillModeForwards;
animation.delegate = self;
[viewThatNeedToBounce.layer addAnimation:animation forKey:nil];
}


- (void) animationDidStop:(CAAnimation *)animation finished:(BOOL)flag {
CAKeyframeAnimation *keyframeAnimation = (CAKeyframeAnimation*)animation;
[viewThatNeedToBounce.layer setValue:[NSNumber numberWithInt:210] forKeyPath:keyframeAnimation.keyPath];
[viewThatNeedToBounce.layer removeAllAnimations];
}

Answer 2

您的方法的问题在于 UIView.Animate 将记录您对视图所做的更改，但仅记录它们的最终状态。

如果您在动画块中更改 Bounds 属性一百次，则从动画框架的角度来看，只有最后一个才是重要的。

CoreAnimation 有一些怪癖，WWDC 2010 和 WWDC2011 视频中对此进行了解释。他们有很棒的材料，并且解释了一些不太明显的技巧。

话虽这么说，为 UITableView 中的单元格设置动画是一件复杂的事情，因为您实际上是在研究 UITableView 的内部结构，因此预计会出现各种奇怪的副作用。您可以从 TweetStation 中提取执行该动画并处理各种极端情况的代码。但即使是 TweetStation 和 Twitter for iOS 应用程序也无法做到完美，因为您是在 UIView 后面对事物进行动画处理，而 UIView 会不断更新并更改您正在动画化的相同属性。

Answer 3

从我的想法来看，最简单的方法是将动画代码放入一个方法中，并根据需要多次递归调用该方法。代码未经测试，但它应该可以工作或者至少给你一个想法。

// Repeat 10 times, move 20 right and the left and right etc.
FancyAnim(activeCell, activeCell.Bounds.Location, 10, 20);

private void FancyAnim(UITableViewCell activeCell, PointF originalLocation, int repeat, float offset)
{
var bounds = activeCell.Bounds;
var loc = originalLocation;

UIView.Animate(0.2,
delegate
{
  // Called when animation starts.
   loc.X = originalLocation.X + offset;
   activeCell.Bounds = new RectangleF (loc, bounds.Size);   
},
delegate
{
  // Called when animation ends.
 repeat--;
// Call the animation method again but invert the movement.
// If you don't do this too often, you should not run out of memory because of a stack overflow. 
if(repeat >= 0)
{
  FancyAnim(activeCell, originalLocation, repeat, -offset);
}
});

不过，您也可以使用路径动画。您可以定义一条路径“向右 20 个单位，回到中心，向左 20 个单位，回到中心”，并根据需要重复该动画。
这需要您处理 CAKeyFrameAnimation 并且代码会稍微多一些。
这个网站可以帮助您快速入门：http:// www.bdunagan.com/2009/04/26/core-animation-on-the-iphone/

Answer 4

缺乏文档和好的示例有时甚至会让简单的任务变得如此令人恼火的挑战。

这是解决方案

当然代码并不优雅，但它可以工作。希望有一天它能对其他人有所帮助，这样他或她就不需要花半天时间在这样愚蠢的简单事情上

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");