iOS-CATTransition问题:在开始时显示结束图像

iOS-CATTransition问题:在开始时显示结束图像,ios,core-animation,catransition,Ios,Core Animation,Catransition,在myUIViewController中,我使用image1创建CALayer CALayer *imageLayer = [CALayer layer]; [imageLayer setBounds:CGRectMake(0.0, 0.0, 241.0, 430.0)]; [imageLayer setPosition:CGPointMake(160.0, 60.0)]; [imageLayer setAnchorPoint:CGPointMake(0.5, 0.0)]; [imageLaye

在my
UIViewController
中,我使用image1创建
CALayer

CALayer *imageLayer = [CALayer layer];
[imageLayer setBounds:CGRectMake(0.0, 0.0, 241.0, 430.0)];
[imageLayer setPosition:CGPointMake(160.0, 60.0)];
[imageLayer setAnchorPoint:CGPointMake(0.5, 0.0)];
[imageLayer setContents:(id)[UIImage imageNamed:@"image1.png".CGImage];
[imageLayer setContentsGravity:kCAGravityResizeAspect];
[self.view.layer addSublayer:imageLayer];
稍后在
UIViewController
中,我想通过使用
cattransition
按下图像来更改图像

CATransition *t = [CATransition animation];
t.beginTime = [self.view.layer convertTime:CACurrentMediaTime() + 6.5 fromLayer:nil];
t.type = kCATransitionPush;
t.subtype = kCATransitionFromRight;
[imageLayer setContents:(id)[UIImage imageNamed:@"image2.png"].CGImage];    
[imageLayer addAnimation:t forKey:nil];
当运行代码时,我从一开始就得到了image2,不过转换是通过在6.5秒后按下自身来工作的。 图像在哪里?怎么了

正确答案: 谢谢Jacky Boy和Tiago Almeida。 我更正了代码,删除了该行

t.beginTime = [self.view.layer convertTime:CACurrentMediaTime() + 6.5 fromLayer:nil];
并在"后加入"dispatch_

现在它可以工作了:

CATransition *t = [CATransition animation];
t.type = kCATransitionPush;
t.subtype = kCATransitionFromRight;
[imageLayer setContents:(id)[UIImage imageNamed:@"image2.png"].CGImage];    
[imageLayer addAnimation:t forKey:nil];
[CATransaction begin];
NSTimeInterval delayInSeconds = 6.5;
dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, delayInSeconds * NSEC_PER_SEC);
dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
    [imageLayer setContents:(id)[UIImage imageNamed:@"image2.png"].CGImage];
    [imageLayer addAnimation:t forKey:nil];
});
[CATransaction commit];

再次感谢你们,伙计们

您正在创建
imageLayer
,但是配置
currentCharacterImageLayer

删除以下行:

t.beginTime = [self.view.layer convertTime:CACurrentMediaTime() + 1.5 fromLayer:nil];
这就是延迟动画的原因,因此层正在设置新内容,并且仅在层设置动画之后。如果要指定动画的持续时间,请执行以下操作:

[CATransaction begin];
[CATransaction setAnimationDuration:1.0];

CATransition *t = [CATransition animation];
t.type = kCATransitionPush;
t.subtype = kCATransitionFromRight;
[_layer setContents:(id)[UIImage imageNamed:@"image2.jpg"].CGImage];
[_layer addAnimation:t forKey:nil];


[CATransaction commit];
或更小的版本:

CATransition *t = [CATransition animation];
t.type = kCATransitionPush;
[t setDuration:2.5];
t.subtype = kCATransitionFromRight;
[_layer setContents:(id)[UIImage imageNamed:@"image2.jpg"].CGImage];
[_layer addAnimation:t forKey:nil];

我更喜欢这样:

CATransition *transition = [CATransition animation];
transition.type = kCATransitionPush;
transition.duration = .25f;
transition.subtype = kCATransitionFromRight;

_layer.actions = @{@"contents": transition};
当您想要更改内容时:

[_layer setContents:(id)[UIImage imageNamed:@"image2.jpg"].CGImage];

这里的正确解决方案实际上是在转换上使用
fillMode
属性。即(在Swift-sorry中)

如果延迟动画的开始,可能还需要将
fillMode
属性设置为
kCAFillModeBackwards
。此填充模式使层显示动画的开始值,即使层树中的层对象包含不同的值。如果没有此填充模式,您将看到在动画开始执行之前跳转到最终值。其他填充模式也可用

dispatch\u after
适用于某些情况,但如果您需要创作动画,例如使用
CATransaction


谢谢你发布这个问题,它让我找到了正确的答案

对不起,我只是想用更短的名字来简化代码。我正在创建并使用同一层。为了实现6.5秒的延迟,他可以在完成后使用dispatch_包装。这样,动画将立即执行:)蒂亚戈·阿尔梅达,我感谢你的帮助,但是你能提供设置延迟的代码吗?只需在XCode中键入dispatch\u after并按tab键两次,你就有了XCode为此准备的模板(注释中的代码乱七八糟:p)Jacky Boy,很好的解决方案[_layersetcontents:(id)[UIImage imagename:@“image2.jpg”].CGImage];但稍后我将更改图像,并希望它从屏幕的另一侧推回。
transition.fillMode = .backwards