iphone - 在旋转和移动时交换 UIImageView 的图像会留下原始图像的痕迹

Question

我正在使用“翻转文本”imageView 并旋转它，同时在屏幕上向下移动它并调整框架。我还将图像换成不同但相似的图像。

除了图像交叉淡化仍然显示淡出的原始位置而不是跟随移动之外，一切都按指示工作。此屏幕截图显示了动画的原始状态、过渡状态和结束状态，并清楚地显示了问题。

我的代码看起来像这样(logoImage 是一个 UIImageView):

// Swap it
self.logoImage.image = [UIImage imageNamed:@"logo.png"];
CATransition *transition = [CATransition animation];
transition.duration = duration;
transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
transition.type = kCATransitionFade;
[self.logoImage.layer addAnimation:transition forKey:nil];


// Spin it
CABasicAnimation* spinAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
spinAnimation.toValue = [NSNumber numberWithFloat:6*M_PI];
spinAnimation.duration = duration;
spinAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
spinAnimation.removedOnCompletion = YES;
spinAnimation.fillMode = kCAFillModeForwards;
[self.logoImage.layer addAnimation:spinAnimation forKey:@"spinAnimation"];


// Shrink it and Move it
CGRect newFrame = [self logoFrameForInterfaceOrientation:self.interfaceOrientation];
[UIView animateWithDuration:duration
                      delay:0.0
                    options:UIViewAnimationCurveEaseOut
                 animations:^{
                     self.logoImage.frame = newFrame;
                 }
                 completion:nil];

如何使图像交换的淡入淡出发生在适当的位置？

Answer 1

尝试在完成 block 中交换图像。 (目前为零)

编辑:如果它们有很大不同，您可以使用第二个 UIImageView。在淡出一个的同时淡出一个。您可以在他们翻译时执行此操作，或者等待“缩小”的原件到达并在“更好”的较小版本淡入时将其淡出。

然后在该动画的完成 block 中删除不需要的额外 View 。