Metoda dostępu Po zakończeniu wyświetlania animacji UIImageView

Question

Mam wiele obrazów załadowanych do UIImageView, które animuję w jednym cyklu. Po wyświetleniu obrazów chciałbym wywołać @selector, aby odrzucić bieżący kontroler widoku. Obrazy są animowane dobrze z tym kodem:

NSArray * imageArray = [[NSArray alloc] initWithObjects: 
         [UIImage imageNamed:@"HowTo1.png"], 
         [UIImage imageNamed:@"HowTo2.png"], 
         nil]; 
UIImageView * instructions = [[UIImageView alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; 

instructions.animationImages = imageArray; 
[imageArray release]; 
instructions.animationDuration = 16.0; 
instructions.animationRepeatCount = 1; 
instructions.contentMode = UIViewContentModeBottomLeft; 
[instructions startAnimating]; 
[self.view addSubview:instructions]; 
[instructions release]; 

Po 16 sekundach chciałbym wywołać metodę. Sprawdziłem metodę klasy UIView klasy setAnimationDidStopSelector:, ale nie mogę jej uruchomić z moją obecną implementacją animacji. Jakieś sugestie?

Dzięki.

Answer 1

Zastosowanie performSelector:withObject:afterDelay::

[self performSelector:@selector(animationDidFinish:) withObject:nil 
    afterDelay:instructions.animationDuration]; 

lub użyj dispatch_after:

dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, instructions.animationDuration * NSEC_PER_SEC); 
dispatch_after(popTime, dispatch_get_main_queue(), ^(void){ 
    [self animationDidFinish]; 
}); 

Answer 2

Możesz utworzyć timer, który będzie uruchamiany po zakończeniu animacji. Callback może przetworzyć logikę, którą chcesz wykonać po zakończeniu animacji. W swoim oddzwonieniu sprawdź stan animacji na wypadek, gdybyś potrzebował więcej czasu na zakończenie animacji.

Answer 3

w ImageView.m

- (void) startAnimatingWithCompleted:(void (^)(void))completedHandler { 
if (!self.isAnimating) { 
    [self startAnimating]; 
    dispatch_time_t popTime = dispatch_time(DISPATCH_TIME_NOW, self.animationDuration * NSEC_PER_SEC); 
    dispatch_after(popTime, dispatch_get_main_queue(),completedHandler);  
}} 

Answer 4

Nie ma sposobu, aby to zrobić właśnie z UIImageView. Korzystanie z opóźnienia będzie działać przez większość czasu, ale może wystąpić pewne opóźnienie po wywołaniu startAnimating, zanim animacja stanie się na ekranie, więc nie jest precyzyjna. Zamiast używać UIImageView dla tej animacji, spróbuj użyć CAKeyframeAnimation, która wywoła metodę delegata po zakończeniu animacji. Coś wzdłuż tych linii:

NSArray * imageArray = [[NSArray alloc] initWithObjects: 
        (id)[UIImage imageNamed:@"HowTo1.png"].CGImage, 
        (id)[UIImage imageNamed:@"HowTo2.png"].CGImage, 
        nil]; 
UIImageView * instructions = [[UIImageView alloc] initWithFrame:[[UIScreen mainScreen] bounds]]; 

//create animation 
CAKeyframeAnimation *anim = [CAKeyframeAnimation animation]; 
[anim setKeyPath:@"contents"]; 
[anim setValues:imageArray]; 

[anim setRepeatCount:1]; 
[anim setDuration:1]; 
anim.delegate = self; // delegate animationDidStop method will be called 

CALayer *myLayer = instructions.layer; 

[myLayer addAnimation:anim forKey:nil]; 

Następnie wystarczy zaimplementować metodę animationDidStop delegata

Answer 5

Dzięki tej metodzie możesz uniknąć czasomierze na ogień, gdy ImageView wciąż animacji ze względu na powolne ładowanie obrazu. Można użyć zarówno performSelector: withObject: afterDelay: i GCD w ten sposób:

[self performSelector:@selector(didFinishAnimatingImageView:) 
      withObject:imageView 
      afterDelay:imageView.animationDuration]; 

/\self.imageView.animationDuration ma postawić skonfigurowane przed startAnimating, w przeciwnym razie będzie to 0

niż gdyby -(void)didFinishAnimatingImageView: utworzyć kolejkę tła, należy wykonać czek na posesji isAnimating, niż wykonać resztę na głównej kolejki

- (void)didFinishAnimatingImageView:(UIImageView*)imageView 
{ 

    dispatch_queue_t backgroundQueue = dispatch_queue_create("com.yourcompany.yourapp.checkDidFinishAnimatingImageView", 0); 
    dispatch_async(backgroundQueue, ^{ 

     while (self.imageView.isAnimating) 
      NSLog(@"Is animating... Waiting..."); 

     dispatch_async(dispatch_get_main_queue(), ^{ 

      /* All the rest... */ 

     }); 

    }); 

} 

Answer 6

można s Zastosowanie wyko tej kategorii UIImageView-AnimationCompletionBlock

I Swift wersji: UIImageView-AnimationImagesCompletionBlock

spojrzeć na plik ReadMe w tej klasie ..

Dodaj UIImageView + AnimationCompletion.h i UIImageView + AnimationCompletion.m pliki w projekcie i ich importowanie UIImageView + AnimationCompletion.h plik, w którym chcesz go użyć.

Na przykład.

NSMutableArray *imagesArray = [[NSMutableArray alloc] init]; 
for(int i = 10001 ; i<= 10010 ; i++) 
    [imagesArray addObject:[UIImage imageNamed:[NSString stringWithFormat:@"%d.png",i]]]; 

self.animatedImageView.animationImages = imagesArray; 
self.animatedImageView.animationDuration = 2.0f; 
self.animatedImageView.animationRepeatCount = 3; 
[self.animatedImageView startAnimatingWithCompletionBlock:^(BOOL success){ 
NSLog(@"Animation Completed",);}]; 

Answer 7

Utworzono Swift Wersja z GurPreet_Singh Odpowiedź (UIImageView + AnimationCompletion) nie byłem w stanie stworzyć rozszerzenie dla UIImageView ale wierzę, że jest to dość proste w użyciu.

class AnimatedImageView: UIImageView, CAAnimationDelegate { 

    var completion: ((_ completed: Bool) -> Void)? 

    func startAnimate(completion: ((_ completed: Bool) -> Void)?) { 
     self.completion = completion 
     if let animationImages = animationImages { 
      let cgImages = animationImages.map({ $0.cgImage as AnyObject }) 
      let animation = CAKeyframeAnimation(keyPath: "contents") 
      animation.values = cgImages 
      animation.repeatCount = Float(self.animationRepeatCount) 
      animation.duration = self.animationDuration 
      animation.delegate = self 

      self.layer.add(animation, forKey: nil) 
     } else { 
      self.completion?(false) 
     } 
    } 

    func animationDidStop(_ anim: CAAnimation, finished flag: Bool) { 
     completion?(flag) 
    } 
} 


let imageView = AnimatedImageView(frame: CGRect(x: 50, y: 50, width: 200, height: 135)) 
imageView.image = images.first 
imageView.animationImages = images 
imageView.animationDuration = 2 
imageView.animationRepeatCount = 1 
view.addSubview(imageView) 

imageView.startAnimate { (completed) in 
    print("animation is done \(completed)") 
    imageView.image = images.last 
}