动画 uibutton 应用图像迅速

Question

I want to apply animation effect by changing two images on button turn by turn. I have applied following code but not able to see animation effect. I have applied IBOutlets properly.

    var image1:UIImage = UIImage(named: "img_mic_off")!
    var image2:UIImage = UIImage(named: "img_mic_on")!
    btnRecord.imageView?.animationImages = [image1,image1]
    btnRecord.imageView?.animationDuration = 1.0
    btnRecord.imageView!.startAnimating()

Please help me to resolve issue that why it is not working with this given code. Thanks in advance.

Answer 1

Check out what I've done. The images are changing. So I hope this is what you actually needed.

var image1:UIImage = UIImage(named: "img_mic_off")!
var image2:UIImage = UIImage(named: "img_mic_on")!
btn.setImage(image1, forState: UIControlState.Normal)
btn.imageView!.animationImages = [image1, image2]
btn.imageView!.animationDuration = 1.0
btn.imageView!.startAnimating()

Answer 2

The animation property simply cycles through the image array and changes them at interval of durationInSeconds/numberOfImagesInArray.

So, to have a smooth image animation you will need to have a set of intermediate transition images.

Higher the number of images in set, smoother the animation.

Answer 3

Swift 5

Don't forget to unwrap! 😊

        if let image1 = UIImage(named: "img_mic_off"), let image2 = UIImage(named: "img_mic_on") {
        btn.setImage(image1, for: UIControl.State.normal)
        btn.imageView?.animationImages = [image1, image2]
        btn.imageView?.animationDuration = 1.0
        btn.imageView?.startAnimating()
    }