UIAnimation非线性效应

Question

所以我想做一个视图逐渐淡出的UI动画。 现在我有这样的事情

[UIView animateWithDuration:2.0f
    animations:^{
        myView.alpha = 0.0f;
    }
 ];

所以现在在这2秒的过程中，视图将线性逐渐淡出。 但是我想让它淡出是非线性的。 例如，我希望它开始慢慢消失，然后随着时间的推移逐渐消失。

我该怎么做？

Answer 1

使用带有options参数的较长形式的animateWithDuration方法之一，例如animateWithDuration:delay:options:animations:completion: .

您可以提供的选项之一是时间曲线，如UIViewAnimationOptionCurveEaseInOut。

你的选择是

 UIViewAnimationOptionCurveEaseInOut            = 0 << 16,
 UIViewAnimationOptionCurveEaseIn               = 1 << 16,
 UIViewAnimationOptionCurveEaseOut              = 2 << 16,
 UIViewAnimationOptionCurveLinear               = 3 << 16,

如果使用CAAnimation而不是UIView动画，您还可以使用描述所需定时功能的贝塞尔曲线的控制点创建自己的自定义定时功能。 但是，CAAnimation使用起来更复杂，文档记录也较少。

Answer 2

[UIView animateWithDuration:2.0 delay:0.0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
    myView.alpha = 0.0f;
} completion:nil];

或者选择您喜欢的时间曲线而不是UIViewAnimationOptionCurveEaseInOut

Answer 3

您必须要求“缓入”时间曲线，其中动画开始缓慢并以线性结束。 试试下面的代码，

[UIView animateWithDuration:2.0 delay:0.0 options:UIViewAnimationOptionCurveEaseIn animations:^{
    myView.alpha = 0.0f;
} completion:nil];

如果能解决您的问题，请告诉我。