UIView de mise à l'échelle lors de l'animation

Si Core Animation avait pour rappeler à votre code pour chaque image d'animation, il ne sera jamais aussi rapide comme il est, et de l'animation de propriétés personnalisées a été long, demande de fonctionnalité et une FAQ pour CA sur le Mac.

À l'aide de UIViewContentModeRedraw est sur la bonne voie, et est également le meilleur que vous aurez à partir de CA. Le problème, c'est de la UIKit point de vue, le cadre n'a que deux valeurs: la valeur au début de la transition et de la valeur à la fin de la transition, et c'est ce que vous voyez. Si vous regardez au Cœur de l'Animation de documents d'architecture, vous allez voir comment CA a privé de la représentation de toutes les propriétés de la couche et de leur évolution des valeurs au cours du temps. C'est là que l'interpolation d'images qui se passe, et vous ne pouvez pas être informé des changements à mesure qu'ils se produisent.

Donc le seul moyen est d'utiliser un NSTimer (ou performSelector:withObject:afterDelay:) pour changer le point de vue image au fil du temps, à l'ancienne.

J'ai été confronté à un problème similaire dans un contexte différent, je suis tombé sur ce thread et trouvé Duncan suggestion de réglage de l'image dans NSTimer. J'ai mis en place ce code pour obtenir le même:

CGFloat kDurationForFullScreenAnimation = 1.0;
CGFloat kNumberOfSteps = 100.0; //(kDurationForFullScreenAnimation /kNumberOfSteps) will be the interval with which NSTimer will be triggered.
int gCurrentStep = 0;
-(void)animateFrameOfView:(UIView*)inView toNewFrame:(CGRect)inNewFrameRect withAnimationDuration:(NSTimeInterval)inAnimationDuration numberOfSteps:(int)inSteps
{
CGRect originalFrame = [inView frame];
CGFloat differenceInXOrigin = originalFrame.origin.x - inNewFrameRect.origin.x;
CGFloat differenceInYOrigin = originalFrame.origin.y - inNewFrameRect.origin.y;
CGFloat stepValueForXAxis = differenceInXOrigin / inSteps;
CGFloat stepValueForYAxis = differenceInYOrigin / inSteps;
CGFloat differenceInWidth = originalFrame.size.width - inNewFrameRect.size.width;
CGFloat differenceInHeight = originalFrame.size.height - inNewFrameRect.size.height;
CGFloat stepValueForWidth = differenceInWidth / inSteps;
CGFloat stepValueForHeight = differenceInHeight / inSteps;
gCurrentStep = 0;
NSArray *info = [NSArray arrayWithObjects: inView, [NSNumber numberWithInt:inSteps], [NSNumber numberWithFloat:stepValueForXAxis], [NSNumber numberWithFloat:stepValueForYAxis], [NSNumber numberWithFloat:stepValueForWidth], [NSNumber numberWithFloat:stepValueForHeight], nil];
NSTimer *aniTimer = [NSTimer timerWithTimeInterval:(kDurationForFullScreenAnimation / kNumberOfSteps)
target:self
selector:@selector(changeFrameWithAnimation:)
userInfo:info
repeats:YES];
[self setAnimationTimer:aniTimer];
[[NSRunLoop currentRunLoop] addTimer:aniTimer
forMode:NSDefaultRunLoopMode];
}
-(void)changeFrameWithAnimation:(NSTimer*)inTimer
{
NSArray *userInfo = (NSArray*)[inTimer userInfo];
UIView *inView = [userInfo objectAtIndex:0];
int totalNumberOfSteps = [(NSNumber*)[userInfo objectAtIndex:1] intValue];
if (gCurrentStep<totalNumberOfSteps)
{
CGFloat stepValueOfXAxis = [(NSNumber*)[userInfo objectAtIndex:2] floatValue];
CGFloat stepValueOfYAxis = [(NSNumber*)[userInfo objectAtIndex:3] floatValue];
CGFloat stepValueForWidth = [(NSNumber*)[userInfo objectAtIndex:4] floatValue];
CGFloat stepValueForHeight = [(NSNumber*)[userInfo objectAtIndex:5] floatValue];
CGRect currentFrame = [inView frame];
CGRect newFrame;
newFrame.origin.x = currentFrame.origin.x - stepValueOfXAxis;
newFrame.origin.y = currentFrame.origin.y - stepValueOfYAxis;
newFrame.size.width = currentFrame.size.width - stepValueForWidth;
newFrame.size.height = currentFrame.size.height - stepValueForHeight;
[inView setFrame:newFrame];
gCurrentStep++;
}
else 
{
[[self animationTimer] invalidate];
}
}

J'ai trouvé qu'il prend beaucoup de temps à définir le cadre et la minuterie pour valider son fonctionnement. Probablement qu'elle dépend de la profondeur de la vue de la hiérarchie est sur lequel vous appelez -setFrame à l'aide de cette approche. Et c'est probablement la raison pour laquelle le point de vue est d'abord re-dimensionné et puis d'animation à l'origine dans le sdk. Ou peut-être, est-il un problème dans le mécanisme de minuterie dans mon code en raison de laquelle la prestation a entravé?

Cela fonctionne, mais il est très lent, peut-être parce que mon point de vue de la hiérarchie est trop profonde.

Si ce n'est pas un grand de l'animation ou de la performance n'est pas un problème pour l'animation de la durée, vous pouvez utiliser un CADisplayLink. Il n'lisser l'animation de la mise à l'échelle d'une coutume UIView dessin UIBezierPaths par exemple. Ci-dessous est un exemple de code, vous pouvez l'adapter à votre image.

La ivars de ma vue personnalisée contient displayLink comme un CADisplayLink, et deux CGRects: toFrame et fromFrame, ainsi que la durée et startTime.

- (void)yourAnimationMethodCall
{
toFrame = <get the destination frame>
fromFrame = self.frame; //current frame.
[displayLink removeFromRunLoop:[NSRunLoop currentRunLoop] forMode:NSRunLoopCommonModes]; //just in case    
displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(animateFrame:)];
startTime = CACurrentMediaTime();
duration = 0.25;
[displayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSRunLoopCommonModes];
}
- (void)animateFrame:(CADisplayLink *)link
{
CGFloat dt = ([link timestamp] - startTime) / duration;
if (dt >= 1.0) {
self.frame = toFrame;
[displayLink removeFromRunLoop:[NSRunLoop currentRunLoop] forMode:NSRunLoopCommonModes];
displayLink = nil;
return;
}
CGRect f = toFrame;
f.size.height = (toFrame.size.height - fromFrame.size.height) * dt + fromFrame.size.height;
self.frame = f;
}

Remarque que je n'ai pas testé ses performances, mais il fonctionne bien.