如何爲iPhone創建閃爍的錄製按鈕

Question

我看了幾篇文章，包括[this one]。 1這正是我想要做的，但我無法讓它工作。

我想向用戶顯示他們已經按下了一個錄製按鈕，並且他們需要再次按下才能停止錄製。

迄今爲止，開始記錄方法的代碼如下所示：

NSLog(@"DetailVC - recordAudio - soundFilePath is %@", soundFile); 
     [audioRecorder prepareToRecord]; 
     recording = YES; 
     NSLog(@"start recording"); 
     NSLog(@"1"); 
     //[autoCog startAnimating]; 

     [audioRecorder recordForDuration:120]; 
     recording = NO; 

     //Start a timer to animate the record images 
     if (recording == YES) { 
     toggle = FALSE; 
     timer = [NSTimer scheduledTimerWithTimeInterval: 2.0 
                  target: self 
                 selector: @selector(toggleButtonImage:) 
                 userInfo: nil 
                 repeats: YES]; 


     //UIImage *changeImage = [UIImage imageNamed:stopButtonFile];  
     //[recordButton setImage:changeImage forState:UIControlStateNormal];   


     //[timer invalidate]; 
     //timer = nil; 

     NSLog(@"2"); 

     } 

和切換按鈕的方法是這樣的：

- (void)toggleButtonImage:(NSTimer*)timer 
{ 
    NSLog(@"%s", __FUNCTION__); 
    if(toggle) 
    { 
     NSLog(@"1"); 
     /* 
     [UIView beginAnimations]; 
     recordButton.opacity = 0.0; 
     [recordButton setAnimationDuration: 1.5]; 
     [recordButton commitAnimations]; 
     [recordButton setImage:[UIImage imageNamed:@"record.png"] forState: UIControlStateNormal]; 
     */ 
     CGContextRef context = UIGraphicsGetCurrentContext(); 
     [UIView beginAnimations:nil context:context]; 
     [UIView setAnimationCurve:UIViewAnimationCurveEaseIn]; //delete "EaseOut", then push ESC to check out other animation styles 
     [UIView setAnimationDuration: 0.5];//how long the animation will take 
     [UIView setAnimationDelegate: self]; 
     recordButton.alpha = 1.0; //1.0 to make it visible or 0.0 to make it invisible 
     [UIView commitAnimations]; 
    } 
    else 
    { 
     NSLog(@"2"); 
     CGContextRef context = UIGraphicsGetCurrentContext(); 
     [UIView beginAnimations:nil context:context]; 
     [UIView setAnimationCurve:UIViewAnimationCurveEaseOut]; //delete "EaseOut", then push ESC to check out other animation styles 
     [UIView setAnimationDuration: 0.5];//how long the animation will take 
     [UIView setAnimationDelegate: self]; 
     recordButton.alpha = 0.0; //1.0 to make it visible or 0.0 to make it invisible 
     [UIView commitAnimations]; 
     //[recordButton setImage:[UIImage imageNamed:@"stopGrey.png"] forState: UIControlStateNormal]; 
    } 
    toggle = !toggle; 
} 

我能看到顯示出循環日誌被迭代，但：

1. 圖像不切換，並且
2. 該操作不與記錄方法並行運行。

我將不勝感激任何想法如何繼續。

Answer 1

擴大對阿什利的答案，我會去的東西更是這樣的：

- (IBAction)record:(id)sender { 
    self.recording = !self.recording; 

    if (!self.recording) { 
     [UIView animateWithDuration:0.1 
           delay:0.0 
          options:UIViewAnimationOptionCurveEaseInOut | UIViewAnimationOptionBeginFromCurrentState 
        animations:^{ 
         self.recordButton.alpha = 1.0f; 
        } 
        completion:^(BOOL finished){ 
        }]; 
    } else { 
     self.recordButton.alpha = 1.0f; 
     [UIView animateWithDuration:0.5 
           delay:0.0 
          options:UIViewAnimationOptionCurveEaseInOut | UIViewAnimationOptionRepeat | UIViewAnimationOptionAutoreverse | UIViewAnimationOptionAllowUserInteraction 
         animations:^{ 
          self.recordButton.alpha = 0.0f; 
         } 
         completion:^(BOOL finished){ 
         }]; 
    } 
} 

Answer 2

試試這個：

- (IBAction)record:(id)sender 
{ 
    self.recording = !self.recording; 

    [self toggleButton]; 
} 

- (void) toggleButton 
{ 
    if (!self.recording) { 
     self.recordButton.alpha = 1.0; 
     return; 
    } 

    [UIView animateWithDuration: 0.5 
          delay: 0.0 
         options: UIViewAnimationOptionCurveEaseInOut | UIViewAnimationOptionAllowUserInteraction 
        animations:^{ 
         self.recordButton.alpha = !self.recordButton.alpha; 
        } 
        completion:^(BOOL finished) { 
         [self toggleButton]; 
        }]; 

}