6

你如何在 iOS 中kCATransitionPush使用子类来实现？CAAnimation

CAAnimation *animation;
// How do you create an animation that does the same than:
// CATransition *animation = [CATransition animation];
// [animation setType:kCATransitionPush];        
[self.view.layer addAnimation:animation forKey:nil];

[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:1];        
[self.view addSubview:change];
[UIView commitAnimations];

我知道也UIView可以使用动画，但是如果我可以从头开始实现过渡，它将帮助我更好地理解核心动画。kCATransitionPush

4

2 回答 2

11

为了在两个图层上同时执行动画，您必须为每个图层添加足够的 CAAnimationGroup。

[nextView.layer addAnimation:nextViewAnimation forKey:nil];
[currentView.layer addAnimation:currentViewAnimation forKey:nil];

nextViewAnimation 将是：

CAAnimationGroup *nextViewAnimation = [CAAnimationGroup animation];
NSMutableArray *nextAnimations = [NSMutableArray array];

[nextAnimations addObject:[self opacityAnimation:YES]];  // fade in

CGPoint fromPoint = CGPointMake(forward ? nextView.center.x + nextView.frame.size.width : nextView.center.x - nextView.frame.size.width, nextView.center.y);
[nextAnimations addObject:[self positionAnimationFromPoint:fromPoint toPoint:nextView.center]];  // traslation in

nextViewAnimation.animations = nextAnimations;

和当前视图动画：

CAAnimationGroup *currentViewAnimation = [CAAnimationGroup animation];
NSMutableArray *currentAnimations = [NSMutableArray array];
[currentSceneAnimations addObject:[self opacityAnimation:NO]]; // fade out

CGPoint toPoint = CGPointMake(forward ? currentView.center.x - currentView.frame.size.width : currentView.center.x + currentView.frame.size.width, currentView.center.y);
    [currentAnimations addObject:[self positionAnimationFromPoint:currentView.center toPoint:toPoint]];  // traslation out

currentViewAnimation.animations = currentAnimations;

这些方法创建基本动画：

- (CABasicAnimation *)opacityAnimation:(BOOL)fadeIn {
CABasicAnimation *a = [CABasicAnimation animationWithKeyPath:@"opacity"];
a.fromValue = [NSNumber numberWithFloat:fadeIn ? 0.0 : 1.0];
a.toValue = [NSNumber numberWithFloat:fadeIn ? 1.0 : 0.0];
return a;
}

- (CABasicAnimation *)positionAnimationFromPoint:(CGPoint)fromPoint toPoint:(CGPoint)toPoint {
CABasicAnimation *a = [CABasicAnimation animationWithKeyPath:@"position"];
a.fromValue = [NSValue valueWithCGPoint:fromPoint];
a.toValue = [NSValue valueWithCGPoint:toPoint];
return a;
}

使用布尔向前，您可以模拟“从左”或“从右”的过渡。

于 2011-10-24T15:27:31.053 回答
4

默认kCATransitionPush确实包含淡入淡出。要使用您自己的复制过渡，您CABasicAnimation首先需要了解推送动画的工作原理。我没有测试就这样做了，所以这可能会关闭，但如果我没记错的话，子层 B 替换子层 A 的动画是这样的：

  • A层从原始位置向右移动
  • B层从右边移动到A的原始位置
  • 动画层 B 的前半部分将其不透明度从 0 设置为 1
  • 动画层 A 的后半部分将其不透明度从 1 设置为 0（当然您可以在此处将right替换为任何方向）。

CABasicAnimation仅支持对一个属性进行动画处理，因此您必须创建一个CAAnimationGroup控制 4 种不同动画的属性。

像这样创建位置和不透明度的动画：

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"position"];
anim.fromValue = [NSValue valueWithCGPoint:startPoint];
anim.toValue = [NSValue valueWithCGPoint:endPoint];

CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"opacity"];
anim.fromValue = [NSNumber numberWithFloat:0.0];
anim.toValue = [NSNumber numberWithFloat:1.0];
于 2011-04-12T22:52:16.413 回答