Mettre en œuvre une animation personnalisée pour présenter modale de vue de vue spécifié sur iPad

Semble que vous êtes essentiellement après la traduction (en mouvement) un CALayer la mise à l'échelle vers le bas et en le faisant tourner autour de l'axe y dans le même temps. Essayez ceci:

NSValue *initialTransformValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];
CATransform3D translation = CATransform3DMakeTranslation(finalPoint.x, finalPoint.y, 0.0);
CATransform3D scalingAndTranslation = CATransform3DScale(translation, kMyScalingFactor, kMyScalingFactor, 1.0);
CATransform3D finalTransform = CATransform3DRotate(scalingAndTranslation, myRotationAngle, 0.0, 1.0, 0.0);
NSArray *keyFrameValues = [NSArray arrayWithObjects:initialTransformValue, [NSValue valueWithCATransform3D:finalTransform], nil];
CAKeyframeAnimation *myAnimation = [CAKeyframeAnimation animationWithKeyPath:@"transform"];
myAnimation.values = keyFrameValues;
myAnimation.duration = kMyAnimationDuration;
myAnimation.delegate = self;
myAnimation.removedOnCompletion = NO;
myAnimation.fillMode = kCAFillModeForwards;
[myLayer addAnimation:myAnimation forKey:@"myAnimationKey"];

• finalPoint devrait être un CGPoint dans l'espace de coordonnées de myLayer.
• kMyScalingFactor devrait être <1,0 pour la mise à l'échelle vers le bas et >1,0 pour la mise à l'échelle vers le haut.
• myRotationAngle doit être en radians. L'utilisation des valeurs positives pour la rotation des aiguilles d'une montre et les valeurs négatives dans le sens antihoraire.

Vous faut également mettre en place une animation de résiliation gestionnaire pour faire de l'animation "bâton":

- (void)animationDidStop:(CAAnimation *)theAnimation finished:(BOOL)flag {
    myLayer.transform = finalTransform;
    myLayer removeAnimationForKey:@"myAnimationKey"];
}

Espère que cette aide.

Mihai la réponse n'a pas de poignée de retournement que l'iPad itunes animation n'. Je l'ai changé un peu le flip de la vue. Vous n'avez pas besoin de toutes sortes de crazy CAAnimation tout ça, juste un peu intégrée dans UIView fonctions d'animation.

#import <QuartzCore/QuartzCore.h>
@interface UIViewController (ShowModalFromView)
- (void)presentModalViewController:(UIViewController *)modalViewController fromView:(UIView *)view;
@end
@implementation UIViewController (ShowModalFromView)
- (void)presentModalViewController:(UIViewController *)modalViewController fromView:(UIView *)view
{
NSTimeInterval scaleSpeed = 0.3;
NSTimeInterval flipSpeed = 0.4;
UIView __weak *containerView = view.superview;
view.autoresizesSubviews = YES;
[self presentModalViewController:modalViewController animated:NO];
UIView __weak *presentedView = modalViewController.view.superview;
//intead of show the actual view of modalViewController, we are showing the snapshot of it to avoid layout problem
UIGraphicsBeginImageContext(presentedView.bounds.size);
[presentedView.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage* modalSnapshot = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIView __weak *originalSuperView = presentedView.superview;   
CGRect originalFrame = presentedView.frame;
CGRect frameInContainer = [containerView convertRect:originalFrame fromView:originalSuperView];
[presentedView removeFromSuperview];
UIImageView* snapshotView = [[UIImageView alloc] initWithImage:modalSnapshot];
snapshotView.autoresizingMask = UIViewAutoresizingNone;
[containerView bringSubviewToFront:view];
[UIView animateWithDuration:scaleSpeed delay:0 options:UIViewAnimationOptionCurveEaseIn|UIViewAnimationOptionBeginFromCurrentState animations: ^{
[UIView animateWithDuration:scaleSpeed
delay:0
options:UIViewAnimationOptionBeginFromCurrentState
animations: ^{
view.frame = frameInContainer;
}
completion:nil
];
} completion:^(BOOL finished) {
[UIView setAnimationBeginsFromCurrentState:YES];
[UIView transitionWithView:view duration:flipSpeed options:UIViewAnimationOptionCurveEaseIn|UIViewAnimationOptionTransitionFlipFromRight animations:
^{
snapshotView.frame = view.bounds;
[view addSubview:snapshotView];
} completion:^(BOOL finished) {
[originalSuperView addSubview:presentedView];
[snapshotView removeFromSuperview];
}
];
}];
}

Je suis en train de faire quelque chose d'assez similaire dans un de mes projets ayant une grille de album arts.
C'est l'approche que je prends. La clé est d'utiliser CAAnimationGroup.

1) l'ensemble de L'animation comprennent la mise à l'échelle, la rotation et le déplacement le long d'un chemin d'accès de tous à la même heure - première de l'album l'art de la couche et puis pour le modal couche de la vue.

2)Animer l'album l'art de la couche par la tourner de 90 degrés, à l'échelle un peu et de passer à un prédestiné emplacement à partir de son emplacement actuel. À ce stade, il va disparaître(à la verticale à l'écran).

3) Ajouter modes de vue. L'échelle et transformation modale de vue à être à l'endroit exact que la pochette de l'album est positionné à l'étape 1.

4) Animer le modal vue à partir de cette position par une mise à l'échelle, la rotation et le déplacement le long d'un chemin d'accès pour remplir l'écran.

5) Retirez le modal vue.

6) Présente modal vue sans animation.

7) Le chemin choisi, normalement, ajouter au centre de l'écran comme un point de contrôle. Mais alors, qui peut être modifié en fonction de comment vous voulez que l'animation.

Ci-dessous est une fonction où vous pouvez voir l'utilisation de l'animation de groupe. Espérons que cela vous aide. Je n'ai toujours pas compris comment faire pour éviter l'écrêtage de l'animation par les barres de navigation et onglet barres de bien. 🙂

+ (void)animateWithCurrentView:(UIView *)currentView 
{
#define kResizeKey @"bounds.size"
#define kPathMovement @"position"
#define kRotation @"transform"
#define kGroupAnimation @"subviewBeingAnimated"
#define kLayerAnimation @"animateLayer"
//flip the view by 180 degrees in its place first.
currentView.layer.transform = CATransform3DRotate(currentView.layer.transform,radians(180), 0, 1, 0);
//set the anchor point so that the view rotates on one of its sides.
currentView.layer.anchorPoint = CGPointMake(0.0, 0.5);
/**
* Set up scaling
*/
CABasicAnimation *resizeAnimation = [CABasicAnimation animationWithKeyPath:kResizeKey];
//we are going to fill the screen here. So 320,480
[resizeAnimation setToValue:[NSValue valueWithCGSize:CGSizeMake(320, 480)]];
resizeAnimation.fillMode            = kCAFillModeForwards;
resizeAnimation.removedOnCompletion = NO;
/**
* Set up path movement
*/
UIBezierPath *movePath = [UIBezierPath bezierPath];
//the control point is now set to centre of the filled screen. Change this to make the path different.
CGPoint ctlPoint       = CGPointMake(160.0, 240.0);
//This is the starting point of the animation. This should ideally be a function of the frame of the view to be animated. Hardcoded here.
[movePath moveToPoint:CGPointMake(320, 60)];
//The anchor point is going to end up here at the end of the animation.
[movePath addQuadCurveToPoint:CGPointMake(0, 240) controlPoint:ctlPoint];
CAKeyframeAnimation *moveAnim = [CAKeyframeAnimation animationWithKeyPath:kPathMovement];
moveAnim.path                = movePath.CGPath;
moveAnim.removedOnCompletion = YES;
/**
* Setup rotation animation
*/
CABasicAnimation* rotateAnimation = [CABasicAnimation animationWithKeyPath:kRotation];
//start from 180 degrees (done in 1st line)
CATransform3D fromTransform       = CATransform3DMakeRotation(radians(180), 0, 1, 0);
//come back to 0 degrees
CATransform3D toTransform         = CATransform3DMakeRotation(radians(0), 0, 1, 0);
//This is done to get some perspective.
CATransform3D persp1 = CATransform3DIdentity;
persp1.m34 = 1.0 / -3000;
fromTransform = CATransform3DConcat(fromTransform, persp1);
toTransform = CATransform3DConcat(toTransform,persp1);
rotateAnimation.toValue             = [NSValue valueWithCATransform3D:toTransform];
rotateAnimation.fromValue           = [NSValue valueWithCATransform3D:fromTransform];
//rotateAnimation.duration            = 2;
rotateAnimation.fillMode            = kCAFillModeForwards;
rotateAnimation.removedOnCompletion = NO;
/**
* Setup and add all animations to the group
*/
CAAnimationGroup *group = [CAAnimationGroup animation]; 
[group setAnimations:[NSArray arrayWithObjects:moveAnim,rotateAnimation, resizeAnimation, nil]];
group.fillMode            = kCAFillModeForwards;
group.removedOnCompletion = NO;
group.duration            = 0.7f;
group.delegate            = self;
[group setValue:currentView forKey:kGroupAnimation];
/**
* ...and go
*/
[currentView.layer addAnimation:group forKey:kLayerAnimation];
}