两个 UILabels 之间的交叉淡入淡出

Question

假设我有两个 UILabel（labelOne 和 labelTwo），我需要在两个标签之间交叉淡入淡出。达到这种效果的最佳方法是什么？

我尝试使用 [UIView beginAnimations:@"crossFade" context:nil]; 等淡出 labelOne 然后淡入 labelTwo 但当两个标签都处于低不透明度并且您可以看穿两者时，就会出现相当明显的间隙。我需要一个漂亮干净的交叉淡入淡出效果。我有一种感觉，我需要使用 CABasicAnimation，但我希望得到一些指导。提前致谢！

Answer 1

这将使一个标签（或任何视图）淡出，同时使另一个标签淡入。动画进行到一半时，两者的不透明度都为 50%。要单独控制 Alpha，请为每个标签使用单独的动画并延迟其中一个。

label_to_show.alpha = 0.0;
label_to_hide.alpha = 1.0;

[UIView beginAnimations:nil context:nil];

label_to_show.alpha = 1.0;
label_to_hide.alpha = 0.0;

[UIView commitAnimations];

Answer 2

您可以摆弄动画曲线，尝试找到可接受的外观，但我认为您会做得更好，只需在两个标签下方保留第三个视图，以在淡入淡出时保持背景外观。

如果您的意思是您可以同时看到两个标签不是同时淡出，而是快速淡出到标签开始不清楚的程度，请用相同淡入淡出级别的新标签替换它，然后快速淡出到完全可见性。

我说“淡入淡出”，但将背景色视图放在标签顶部并继续使该视图更加不透明，切换下面的标签，然后再次将其淡入透明，看起来也非常好。

Answer 3

我已经实现了类似的东西并且效果很好。

[UIView transitionWithView:self duration:0.3 options:UIViewAnimationOptionTransitionCrossDissolve animations:^{
    _label1.hidden = YES;
    _label2.hidden = NO;
} completion:nil];