blocks|key|1198915|text|请尝试设置不透明度属性的动画。从1.0到0.0，你应该会得到你想要的效果。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1198916|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Try animating the opacity property instead. Go from 1.0 to 0.0 and you should get the effect you want.

blocks|key|984510|text|我相信这对原版海报来说已经太晚了，但它可能会对其他人有所帮助。我一直在尝试做一些类似的事情，除了在hidden属性改变时使动画隐式显示。正如Tom所说，动画opacity在这种情况下不起作用，因为对层的隐藏属性的更改似乎立即生效(即使我用beginTime延迟动画)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|984511|标准隐式操作使用淡入淡出过渡(CATransition，type+=+kCATransitionFade)，但这是在整个层上操作的，我想同时执行另一个动画，这不是一个兼容的操作。|984512|经过多次实验，我终于注意到了@Kevin上面的评论-你好！-它确实起作用了！所以我只是想把它叫出来，这样解决方案就更容易被未来的搜索者看到：|984513|CAKeyframeAnimation*+hiddenAnim+=+[CAKeyframeAnimation+animationWithKeyPath:@"hidden"];
hiddenAnim.values+=+@[@(NO),@(YES)];
hiddenAnim.keyTimes+=+@[@0.0,+@1.0];
hiddenAnim.calculationMode+=+kCAAnimationDiscrete;
hiddenAnim.duration+=+duration;|code-block|syntax|javascript|984514|这会将隐藏延迟到持续时间结束。将其与其他属性动画组合在一个组中，以便在图层消失之前看到它们的效果。(可以将其与不透明度动画结合使用，以便在执行另一个动画时使图层淡出。)|984515|谢谢，凯文！|984516|entityMap^0|1D|6|26|7|3B|9|0|F|C|S|O|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|16|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|17|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|18|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|19|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|T|$]]

I'm sure this is too late to do the original poster any good, but it may help others. I've been trying to do something similar, except to make the animation implicit when the <code>hidden</code> property is changed. As Tom says, animating <code>opacity</code> doesn't work in that case, as the change to the layer's hidden property seems to take effect right away (even if I delay the animation with <code>beginTime</code>).

The standard implicit action uses a fade transition (<code>CATransition</code>, <code>type = kCATransitionFade</code>), but this operates on the whole layer and I want to perform another animation at the same time, which is not a compatible operation.

After much experimentation, I finally noticed @Kevin's comment above and --- hello! --- that actually works! So I just wanted to call it out so the solution is more visible to future searchers:

<pre class="lang-c prettyprint-override"><code>CAKeyframeAnimation* hiddenAnim = [CAKeyframeAnimation animationWithKeyPath:@"hidden"];
hiddenAnim.values = @[@(NO),@(YES)];
hiddenAnim.keyTimes = @[@0.0, @1.0];
hiddenAnim.calculationMode = kCAAnimationDiscrete;
hiddenAnim.duration = duration;
</code></pre>

This delays the hiding until the end of the duration. Combine it with other property animations in a group to have their effects seen before the layer disappears. (You can combine this with an opacity animation to have the layer fade out, while performing another animation.)

Thank you, Kevin!

blocks|key|1198972|text|++++CABasicAnimation+*endAnimation+=+[CABasicAnimation+animationWithKeyPath:@"opacity"];
++++endAnimation.timingFunction+=+[CAMediaTimingFunction+functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
++++[endAnimation+setFromValue:[NSNumber+numberWithFloat:1]];
++++[endAnimation+setToValue:[NSNumber+numberWithFloat:0.0]];
++++[endAnimation+setBeginTime:AVCoreAnimationBeginTimeAtZero];
++++endAnimation.duration++++++++++++=+5;
++++endAnimation.removedOnCompletion+=+NO;
++++[alayer+addAnimation:endAnimation+forKey:nil];|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1198973|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> CABasicAnimation *endAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
 endAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
 [endAnimation setFromValue:[NSNumber numberWithFloat:1]];
 [endAnimation setToValue:[NSNumber numberWithFloat:0.0]];
 [endAnimation setBeginTime:AVCoreAnimationBeginTimeAtZero];
 endAnimation.duration = 5;
 endAnimation.removedOnCompletion = NO;
 [alayer addAnimation:endAnimation forKey:nil];
</code></pre>

blocks|key|1198987|text|swift+4|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1198988|++++let+keyframeAnimation+=+CAKeyframeAnimation(keyPath:+"hidden")
keyframeAnimation.calculationMode+=+kCAAnimationDiscrete
keyframeAnimation.repeatCount+=+1.0
keyframeAnimation.values+=+[true,+false,true,false,true]
keyframeAnimation.keyTimes+=+[0.0,+0.25,0.5,0.75,+1.0]
keyframeAnimation.duration+=+30.0+//duration+of+the+video+in+my+case
keyframeAnimation.beginTime+=+0.1
keyframeAnimation.isRemovedOnCompletion+=+false
keyframeAnimation.fillMode+=+kCAFillModeBoth

textLayer.add(keyframeAnimation,+forKey:++"hidden")|code-block|syntax|javascript|1198989|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

swift 4

<pre><code> let keyframeAnimation = CAKeyframeAnimation(keyPath: "hidden")
keyframeAnimation.calculationMode = kCAAnimationDiscrete
keyframeAnimation.repeatCount = 1.0
keyframeAnimation.values = [true, false,true,false,true]
keyframeAnimation.keyTimes = [0.0, 0.25,0.5,0.75, 1.0]
keyframeAnimation.duration = 30.0 //duration of the video in my case
keyframeAnimation.beginTime = 0.1
keyframeAnimation.isRemovedOnCompletion = false
keyframeAnimation.fillMode = kCAFillModeBoth

textLayer.add(keyframeAnimation, forKey: "hidden")
</code></pre>

I'm trying to hide a <code>CALayer</code> after a few microseconds and I'm using <code>CABasicAnimation</code> to animate the hide.

At the moment I'm trying to use

<pre><code>[aLayer setHidden:YES];

CABasicAnimation * hideAnimation = [CABasicAnimation animationWithKeyPath:@"hidden"];
[hideAnimation setDuration:aDuration];
[hideAnimation setFromValue:[NSNumber numberWithBool:NO]];
[hideAnimation setToValue:[NSNumber numberWithBool:YES]];
[hideAnimation setBeginTime:0.09];
[hideAnimation setRemovedOnCompletion:NO];
[hideAnimation setDelegate:self];

[alayer addAnimation:hideAnimation forKey:@"hide"];
</code></pre>

But when I run this, the layer is hidden immediately, rather than waiting for the desired beginTime.

I'm uncertain about my keyPath as "hidden" but couldn't find any other option and the documentation does state that the <code>hidden</code> property of a <code>CALayer</code> is animatable.

What's the correct way to achieve what I'm looking for?

Animate CALayer hide

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我试图在几微秒后隐藏一个CALayer，并且我正在使用CABasicAnimation来设置隐藏的动画。现在我正试着用[aLayer setHidden:YES];CABasicAnimation * hideAnimation = [CABasicAnimation animationWithKeyPath:@"hi...

问为CALayer隐藏设置动画
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为CALayer隐藏设置动画EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为CALayer隐藏设置动画
EN