Làm thế nào để chuyển giữa 2 hình ảnh trên iPhone bằng cách sử dụng Core Animation

Question

Tôi đang làm điều này để tìm hiểu cách làm việc với các tính năng hoạt hình chính trên iPhone (không phải tìm hiểu cách ghép hình ảnh, mỗi lần sử dụng).

Đọc câu hỏi tương tự trên SO dẫn tôi để tin rằng nó có thể được thực hiện bằng hoạt cảnh .contents tài sản của UIImageView củalớp như vậy:

UIImage *image1 = [UIImage imageNamed:@"someImage1.png"]; 
UIImage *image2 = [UIImage imageNamed:@"someImage2.png"]; 

self.imageView.image = image1; 
[self.view addSubview:self.imageView]; 

CABasicAnimation *crossFade = [CABasicAnimation animationWithKeyPath:@"contents"]; 
crossFade.duration = 5.0; 
self.imageView.layer.contents = image2; 
[self.imageView.layer addAnimation:crossFade forKey:@"animateContents"]; 

đã tôi nhận được một chi tiết sai hoặc điều này là không thể.

Cập nhật: mã ở trên tạo ra UIImageView trống. Khi tôi thay đổi dòng này:

self.imageView.layer.contents = image2.CGImage; 

... Tôi có thể nhìn thấy hình ảnh ngay bây giờ nhưng không phai mờ, nó sẽ xuất hiện ngay lập tức.

Answer 1

Bạn sắp hoàn tất.

CABasicAnimation *crossFade = [CABasicAnimation animationWithKeyPath:@"contents"]; 
crossFade.duration = 5.0; 
crossFade.fromValue = image1.CGImage; 
crossFade.toValue = image2.CGImage; 
[self.imageView.layer addAnimation:crossFade forKey:@"animateContents"]; 

Lưu ý rằng hoạt ảnh độc lập với giá trị/nội dung thực tế của UIImageView. Do đó, bạn cần phải

self.imageView.image = image2; 

... để đặt kết quả cuối cùng cho hình ảnh của bạn.

Answer 2

Đề xuất của tôi sẽ chỉ sử dụng hai số UIImageView s trên đầu trang của nhau. Cái ở trên cùng có hình ảnh1 và phía dưới là hình ảnh2:

- (void) crossfade { 
    [UIView beginAnimations:nil context:nil]; 
    [UIView setAnimationDuration:.5]; 
    imageView1.alpha = !imageView1.alpha; 
    [UIView commitAnimations]; 
} 

Điều đó sẽ mờ dần giữa hai hình ảnh bất cứ khi nào bạn gọi. Nếu bạn muốn chỉ cần làm một phai duy nhất và loại bỏ các hình ảnh đầu tiên sau khi bạn đã hoàn tất:

- (void) crossfade { 
    [UIView beginAnimations:nil context:nil]; 
    [UIView setAnimationDuration:.5]; 
    [UIView setAnimationDelegate:imageView1]; 
    [UIView setAnimationDidStopSelector:@selector(removeFromSuperview)]; 
    imageView1.alpha = 0 
    [UIView commitAnimations]; 
} 

Edit:

Nếu bạn đang tìm kiếm một lý do tại sao mã của bạn không hoạt động , đó là vì bạn chỉ cần đặt thuộc tính cho hình ảnh mới, sau đó thêm hoạt ảnh vô dụng. CABasicAnimation có fromValue và toValue cần được đặt, sau đó thêm hoạt ảnh đó vào lớp và sẽ làm hoạt ảnh. Không đặt nội dung theo cách thủ công.

Answer 3

Tôi thấy điều này ở đâu đó - nó hoạt động tuyệt vời.

UIImage * toImage = [UIImage imageNamed:@"image.png"]; 
[UIView transitionWithView:self.view 
        duration:0.33f 
        options:UIViewAnimationOptionTransitionCrossDissolve 
       animations:^{ 
        self.imageview.image = toImage; 
       } completion:NULL]; 

Answer 4

extension UIImageView 
{ 
    func mySetImage(image:UIImage) 
    { 
     guard let currentImage = self.image where currentImage != image else { return } 
     let animation = CATransition() 
     animation.duration = 0.3 
     animation.type = kCATransitionFade 
     layer.addAnimation(animation, forKey: "ImageFade") 
     self.image = image 
    } 
} 

Answer 5

- (void)viewDidLoad 
{ 
[super viewDidLoad]; 
// Do any additional setup after loading the view from its nib. 
self.navigationController.navigationBarHidden=false; 
UIImage *img=[UIImage imageNamed:@"images.jpeg"]; 
imgview=[[UIImageView alloc]init]; 
imgview.frame=CGRectMake(30,90, img.size.width, img.size.height); 
[self.view addSubview:imgview]; 
[self animateImages]; 
} 
- (void)animateImages 
{ 
static int count = 0; 
NSArray *animationImages = @[[UIImage imageNamed:@"images.jpeg"], [UIImage imageNamed:@"images (1).jpeg"]]; 
UIImage *image = [animationImages objectAtIndex:(count % [animationImages count])]; 

[UIView transitionWithView:imgview 
        duration:2.0f // animation duration 
        options:UIViewAnimationOptionTransitionCrossDissolve 
       animations:^{ 
        imgview.image = image; 
       } completion:^(BOOL finished) { 
        [self animateImages]; 
        count++; 
       }]; 

}

Answer 6

Giải pháp trong nhanh chóng

let image1:UIImage = UIImage(named: "someImage1")!; 
let image2:UIImage = UIImage(named: "someImage2")!; 
let crossFade:CABasicAnimation = CABasicAnimation(keyPath: "contents"); 
crossFade.duration = 5.0; 
crossFade.fromValue = image1.CGImage; 
crossFade.toValue = image2.CGImage; 
imageView.layer.addAnimation(crossFade, forKey:"animateContents");