4

我试图淡入我通过动画 alpha 创建的 UIView。我需要将其淡入，让它可见几秒钟，然后淡出。

淡出功能工作正常。视线平稳地消失了。但是淡入只是使视图立即出现，而不是在 0.5 秒的时间间隔内缓慢出现。

所以看起来动画的淡入淡出不起作用，只是立即将 alpha 设置为1.0. 我在这里有点不知所措。任何想法我做错了什么？谢谢！

-(void)presentPopupPhrase:(NSString *)phrase 
                   inView:(UIView *)view 
             withDelegate:(id)delegate 
            andCompletion:(void (^)(BOOL completed))completion {

    MessagePopupView *pv = [[[MessagePopupView alloc] initWithFrame:self.frame andText:phrase] autorelease];
    pv.alpha = 0.0;
    [view addSubview:pv];

    [self fadeInMPV:pv 
       withDuration:self.fadeDuration 
           andDelay:self.fadeInDelay];

    [self fadeOutMPV:pv 
        withDuration:self.fadeDuration 
          afterDelay:self.fadeOutDelay 
      withCompletion:completion 
         andDelegate:delegate];
}

-(void)fadeInMPV:(MessagePopupView *)mpv 
    withDuration:(NSTimeInterval)duration 
        andDelay:(NSTimeInterval)delay 
{    
    [UIView animateWithDuration:duration 
                          delay:delay 
                        options:UIViewAnimationOptionCurveLinear 
                     animations:^{
                         mpv.alpha = 1.0;
                     } 
                     completion:nil];
}

-(void)fadeOutMPV:(MessagePopupView *)mpv
     withDuration:(NSTimeInterval)duration
       afterDelay:(NSTimeInterval)delay
     withCompletion:(void (^)(BOOL completed))completion
      andDelegate:(id)delegate 
{
    [UIView animateWithDuration:duration 
                          delay:delay 
                        options:UIViewAnimationOptionCurveLinear 
                     animations:^{
                         mpv.alpha = 0.0;
                     } 
                     completion:completion];
}

编辑：

如果有帮助，这是我从中调用它的 VC 代码：

-(void)viewDidAppear:(BOOL)animated {

    CGRect phraseFrame = CGRectMake(20, 341, 280, 65);
    PopupPhraseController *phraseController = [[[PopupPhraseController alloc] initWithFrame:phraseFrame] autorelease];

    [phraseController presentPopupPhrase:@"Test Phrase" inView:self.view withDelegate:self andCompletion:^(BOOL completed){
        if (completed) {
            NSLog(@"completed");
        } else {
            NSLog(@"not completed");
        }
        NSLog(@"blocked!");
    }];

    [super viewDidAppear:animated];
}
4

2 回答 2

4

你不能像这样链接动画，因为第二个动画块基本上会导致第一个被取消。

将多个动画链接在一起有两种选择：

  1. 使用第一个动画的完成处理程序
  2. 嵌套动画但延迟第二个

  1. 看起来像这样

    [UIView animateWithDuration:self.fadeDuration
                      delay:self.fadeInDelay
                    options:UIViewAnimationOptionCurveLinear 
                 animations:^{
                   pv.alpha = 1.0;
                 } completion:^(BOOL finished) {

                   [UIView animateWithDuration:self.fadeDuration
                                         delay:self.fadeOutDelay
                                       options:UIViewAnimationOptionCurveLinear 
                                    animations:^{
                                      pv.alpha = 0.0;

                                    } completion:completion];
                 }];

  2. 看起来像这样

    [UIView animateWithDuration:self.fadeDuration
                      delay:self.fadeInDelay
                    options:UIViewAnimationOptionCurveLinear 
                 animations:^{
                   pv.alpha = 1.0;

                   [UIView animateWithDuration:self.fadeDuration
                                         delay:self.fadeOutDelay + self.fadeDuration
                                       options:UIViewAnimationOptionCurveLinear 
                                    animations:^{
                                      pv.alpha = 0.0;
                                    } completion:completion];

                 } completion:nil];

问题在于您设置动画的方式。

当您在视图上设置动画属性时，视图的支持模型会立即更新。因此，当您alpha = 1.0在第一个块中设置时，视图的支持数据模型具有 alpha 1.0，然后实际动画在另一个线程上启动以显示两个值之间的插值。

当您在第一个块之后直接定义第二个块时，视图基本上说“好的，我需要从1.0（模型中的当前值）动画到0.0”，这就是为什么您看不到您所期望的。

于 2012-11-17T01:22:01.093 回答
-1

感谢 Paul.s 在那里提供了提示。我认为这种预期的行为有点奇怪，即使从低层次的角度来看它似乎是合乎逻辑的。

为了扩展保罗的 2 个解决方案，有一个更好的 IMO 的第 3 个解决方案。

使用 GCD 为淡出代码添加延迟，如下所示：

//Make sure this delay exceeds your fade-in time...
double delayInSeconds = 2.0;
dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delayInSeconds * NSEC_PER_SEC));

dispatch_after(popTime, dispatch_get_main_queue(), ^(void){
    [self fadeOutMPV:pv
        withDuration:self.fadeDuration
          afterDelay:self.fadeOutDelay
      withCompletion:completion
         andDelegate:delegate];
});

这个解决方案更好，因为执行视图控制器不仅可以完全控制何时触发淡出，还可以控制什么触发淡出（例如，用户操作）。

于 2013-07-11T01:38:29.777 回答