Add gif image on placeholder of imageview

Question

Add gif image on placeholder of imageview

1.1k Views Asked by Hari Mohan At 03 April 2025 at 18:47

I have loading.gif image.

My Coding is:-

[cell.Vehicleimage sd_setImageWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@",[[DetailArray objectAtIndex:indexPath.row]valueForKey:@"resim1"]]]  placeholderImage:[UIImage imageNamed:@"loading.gif"]];

My problem is that, i want to add gif image on placehoder of UIImageView. But animation is not working.

can anybody help me.

Original Q&A

There are 3 best solutions below

**Sivajee Battina** · Answer 1

In iOS, .gif files are not supported. You have to go for workaround.

One option is to split image and run the animation to change images which makes it looks like gif animation.

For that One option:

UIImageView* animatedImageView = [[UIImageView alloc] initWithFrame:self.view.bounds];
animatedImageView.animationImages = [NSArray arrayWithObjects:    
                               [UIImage imageNamed:@"image1.gif"],
                               [UIImage imageNamed:@"image2.gif"],
                               [UIImage imageNamed:@"image3.gif"],
                               [UIImage imageNamed:@"image4.gif"], nil];
animatedImageView.animationDuration = 1.0f;
animatedImageView.animationRepeatCount = 0;
[animatedImageView startAnimating];
[self.view addSubview: animatedImageView];

You can load more than one gif images.

You can split your gif using the following ImageMagick command:

convert +adjoin loading.gif out%d.gif

Second option:

Use third party library like below:

FLAnimatedImage

Third option

Implement using WebView like this:

extension UIView{
func animateWithGIF(name name: String){
    let htmlString: String =    "<!DOCTYPE html><html><head><title></title></head>" +
                                    "<body style=\"background-color: transparent;\">" +
                                        "<img src=\""+name+"\" align=\"middle\" style=\"width:100%;height:100%;\">" +
                                    "</body>" +
                                "</html>"

    let path: NSString = NSBundle .mainBundle().bundlePath;
    let baseURL: NSURL = NSURL(fileURLWithPath: path as String); // to load images just specifying its name without full path

    let frame = CGRectMake(0, 0, self.frame.width, self.frame.height)
    let gifView = UIWebView(frame: frame)

    gifView.opaque = false // The drawing system composites the view normally with other content.
    gifView.backgroundColor = UIColor.clearColor()
    gifView.loadHTMLString(htmlString, baseURL: baseURL)

    var s: [UIView] = self.subviews 
    for i in 0..<s.count {
        if s[i].isKindOfClass(UIWebView) { s[i].removeFromSuperview() }
    }

    self.addSubview(gifView)
}

func animateWithGIF(url url: String){
    self.animateWithGIF(name: url)
}

}

**Jitendra Modi** · Answer 2

I use CATransition for it like and set NSTimer for it
here

    CATransition  *slideTransition = [CATransition animation];
    slideTransition.duration = 1.0;
    slideTransition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    slideTransition.type = kCATransitionFade;
    slideTransition.delegate = self;
    [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(changeImage:)  userInfo:nil repeats:YES];

arrslidingimages is my ARRAY of Images like

arrslidingimages=[[NSArray alloc]initWithObjects:@"01.png",@"02.png",@"03.png",@"04.png",@"05.png", nil];

-(void)changeImage:(NSTimer *)timer
{
    //change timer of the sling image and set the current page of page controller
    slideTransition.subtype =kCATransitionFromRight; // or kCATransitionFromRight
    [_Slidingimageview.layer addAnimation:slideTransition forKey:nil];
    index++;
    if(index==[arrslidingimages count]){
        index=0;
    }

    _Slidingimageview.image = [UIImage imageNamed:[arrslidingimages objectAtIndex:index]];
        // If for any reason you need to cancel the image rotation

}

JUST set your placeholder image as

[UIImage imageNamed:[arrslidingimages objectAtIndex:index]];

IT will give this type of IMAGE EFFECT

Hope It helps.Thank you
Happy Coding

**abhimuralidharan** · Answer 3

Works with swift 3 & 4:

If you are using SDWebImage , then the best solution would be to use APNGImageSerialization from this link. Add an APNG image to your bundle and use it like :

posterImageView.sd_setImage(with: URL(string:hdposter), placeholderImage: UIImage.animatedImageNamed("placeholderAnimated"))

It will show the animated image until the real image is loaded.

Add gif image on placeholder of imageview

There are 3 best solutions below

Related Questions in IOS

Related Questions in UIIMAGEVIEW

Related Questions in GIF

Trending Questions

Popular # Hahtags

Popular Questions