iOS 按钮动画，如邮件应用程序

Question

在 iOS 邮件应用程序中，如果您转到收件箱并在某个项目上滑动，存档按钮就会从右向左显示(并且 消失时周围的方式)。我试图在我的应用程序中实现这种行为，我的方法是对按钮的 mask 层进行动画处理并将其从右向左移动。我在这里遇到的问题是，一旦动画结束，按钮就会消失。

//Create Mask Layer
CALayer *maskLayer = [CALayer layer];
maskLayer.frame = CGRectMake(cell.deleteButton.frame.size.width,0,cell.deleteButton.frame.size.width,cell.deleteButton.frame.size.height);
maskLayer.backgroundColor = [UIColor whiteColor].CGColor;

cell.deleteButton.layer.mask = maskLayer;

// Setting the animation
CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position.x"];
animation.byValue = [NSNumber numberWithFloat:-cell.deleteButton.frame.size.width];
animation.duration = 0.4f;

[cell.deleteButton.layer.mask addAnimation:animation forKey:@"maskAnimation"];

所以我想知道如何让按钮在动画后不消失，或者是否有更好的方法来创建动画。

Answer 1

通过您的实现，您可以在动画完成后用动画移动蒙版，它将保留蒙版的最后位置。这就是按钮被隐藏的原因。

您需要将委托(delegate)设置为您的类(class):

animation.delegate = self;

然后在委托(delegate)方法中实现以下代码:

 -(void) animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
 {
     CALayer *maskLayer = [CALayer layer];
     maskLayer.frame = CGRectMake(0,0,self.btnLogin.frame.size.width,
          self.btnLogin.frame.size.height);
     maskLayer.backgroundColor = [UIColor whiteColor].CGColor;

     self.btnLogin.layer.mask = maskLayer;
 }

希望有帮助。