在 UIView 中将背景颜色从一种颜色淡入另一种颜色

发布于 2024-10-13 08:47:32 字数 859 浏览 3 评论 0原文

如何在 UIView 中从一种背景颜色淡入另一种颜色？

在 javascript (jQuery) 中，可以通过执行以下操作来完成：
$('body').animate({ backgroundColor: "#ff00ff"});

如果我将颜色转换为 HSV 会更容易吗？

编辑：尝试使用 CABasicAnimation 执行此操作，但由于未知原因它闪烁白色。：/

CABasicAnimation* fade = [CABasicAnimation animationWithKeyPath:@"backgroundColor"];
fade.fillMode = kCAFillModeForwards;
fade.removedOnCompletion = NO;
// fade.fromValue = (id)[self.view backgroundColor].CGColor;
fade.toValue = (id)[UIColor greenColor].CGColor;
[self.view.layer addAnimation:fade forKey:@"fade"];

然后我试图找到另一种方法来做到这一点，并偶然发现了“隐式动画”。以下内容只需一秒钟即可完成：

[UIView beginAnimations:@"fade" context:nil];
[UIView setAnimationDuration:1];
[[self view] setBackgroundColor: [UIColor greenColor]];
[UIView commitAnimations];

感谢 StackOverflow，帮助每个人了解更多信息。 :)

原文

How can I fade from one background-color to another color in a UIView?

In javascript (jQuery) it can be done by doing the following:
$('body').animate({ backgroundColor: "#ff00ff"});

Would it be easier if I converted the colors to HSV?

EDIT:
Tried to do it with CABasicAnimation but it flashes white for unknown reasons. :/

CABasicAnimation* fade = [CABasicAnimation animationWithKeyPath:@"backgroundColor"];
fade.fillMode = kCAFillModeForwards;
fade.removedOnCompletion = NO;
// fade.fromValue = (id)[self.view backgroundColor].CGColor;
fade.toValue = (id)[UIColor greenColor].CGColor;
[self.view.layer addAnimation:fade forKey:@"fade"];

Then I tried to find another way to do it and stumbled upon "implicit animation". The following works with a nice fade of a second:

[UIView beginAnimations:@"fade" context:nil];
[UIView setAnimationDuration:1];
[[self view] setBackgroundColor: [UIColor greenColor]];
[UIView commitAnimations];

Thanks, StackOverflow, for helping everyone learn even more. :)

分享到QQ

分享到微博