UIImageViewer不更新其內容，直到方法完成，而不是執行命令

Question

好吧，我的代碼有問題。我想使用imageViewers製作某種類似網格的網格，但是當更改imageViewers的圖像方法時，它只會在屏幕/圖像查看器完成執行後更新屏幕，而不是在執行屏幕/圖像查看器時執行。我有一個無限循環的方法，它會在您按下按鈕時更改imageViewers的圖片。這些按鈕調用將布爾變量更改爲true的方法，因此主遊戲循環通過不斷檢查某些變量是否爲真來知道被按下的是什麼。但是因爲遊戲循環永遠不會結束，屏幕永遠不會更新。有沒有辦法在執行過程中更新屏幕上的內容？

我使用此代碼來改變imageViewers內容：

 UIImage * white = [UIImage imageNamed: @"White.png"]; 
    UIImage * blue = [UIImage imageNamed: @"Blue.png"]; 
    int tagInt=1; 
    for (int y = 0;y<10;y++){ 
     for (int x = 0;x<10;x++){ 
      UIImageView *imageView; 
      imageView = [[UIImageView alloc] initWithImage:white];     imageView.frame =CGRectMake(x*32,y*37,32,37); 
      imageView.image = white; 
      imageView.tag=tagInt; 
      [self.view addSubview:imageView]; 
      tagInt++; 
     } 
    } 
    for (int u = 1;u<20;u++){ 
     [NSThread sleepForTimeInterval:(1)]; 
     UIImageView *g = (UIImageView*)[self.view viewWithTag:u]; 
     g.image =blue; 
    } 

這是一個人爲的例子，因爲我的實際代碼太長，但有同樣的問題。它只在最後一個for循環（此延遲/線程休眠命令）完成後在屏幕上更新，而不是執行代碼行。

編輯：這裏是你想要的任何方面的項目：https://www.dropbox.com/s/cvefllnhgj0tp6g/Stacker.zip

Answer 1

在iOS系統中，所有的UI相關的東西在主（UI）線程中完成的。如果您有阻止ui線程的操作 - 這意味着它會像您一樣忙線程 - 不會發生視圖更新。 所以你必須這樣改變你的代碼，你有一個「updateView」方法來改變圖像視圖的內容。這種方法必須定期調用，例如，通過使用一個NSTimer實例：https://developer.apple.com/documentation/Cocoa/Reference/Foundation/Classes/nstimer_Class/Reference/NSTimer.html

假設，代碼更新您的視圖被命名爲「更新視圖」，可以定義這樣的計時器：

NSTimer *timer; 
    timer = [NSTimer scheduledTimerWithTimeInterval: 1 
         target: self 
         selector:@selector(updateView:) 
         userInfo: nil 
         repeats: YES]; 

那麼計時器會打電話給你的UpdateView方法每一秒並且不會阻止主線程再次允許您對視圖所做的更改顯示。

Answer 2

我認爲CA動畫會做你需要的。嘗試這樣的：

#import <QuartzCore/QuartzCore.h> 

- (void)imageView:(UIImageView *)imageView crossfadeTo:(UIImage *)image duration:(NSTimeInterval)duration { 

    [imageView.layer removeAnimationForKey:@"animateContents"]; 

    CABasicAnimation *crossFade = [CABasicAnimation animationWithKeyPath:@"contents"]; 
    crossFade.duration = duration; 
    crossFade.fromValue = (id)imageView.image.CGImage; 
    crossFade.toValue = (id)image.CGImage; 
    [imageView.layer addAnimation:crossFade forKey:@"animateContents"]; 

    imageView.image = image; 
} 

這也可以在UIImageView上做成一個類別方法。這樣稱呼它：

UIImage *white = [UIImage imageNamed: @"White.png"]; 
UIImage *blue = [UIImage imageNamed: @"Blue.png"]; 

UIImageView *imageView = [[UIImageView alloc] initWithImage:white]; 
[self imageView:imageView crossfadeTo:blue duration:5.0]; 

或者，這可以用塊動畫來完成調用同樣的方式，具體如下：

- (void)imageView:(UIImageView *)imageView crossfadeTo:(UIImage *)image duration:(NSTimeInterval)duration { 

    UIImageView *fadeToImageView = [[UIImageView alloc] initWithFrame:imageViewFrame]; 
    fadeToImageView.image = image; 
    [imageView.superview insertSubview:fadeToImageView belowSubview:imageView]; 

    [UIView animateWithDuration:duration animations:^{ 
     imageView.alpha = 0.0; 
    } completion:^(BOOL finished) { 
     imageView.image = image; 
     imageView.alpha = 1.0; 
     [fadeToImageView removeFromSuperview]; 
    }]; 
}