How do I animate opacity using swift?

Question

Could someone please provide me with an example of animating the opacity of an Image View in swift??

I couldn't even find a good example in objective c

func showCorrectImage(element: AnyObject){

    var animation : CABasicAnimation = CABasicAnimation(keyPath: "opacity");

    animation.delegate = self

    animation.fromValue = NSValue(nonretainedObject: 0.0)
    animation.toValue = NSValue(nonretainedObject: 1.0)

    animation.duration = 1.0

    element.layer?.addAnimation(animation, forKey: nil)
}

I think I have most of this right (not completely sure though), could someone please help me?

element = an Image View

Thanks in advance!~

score 15 · Answer 1 · answered Nov 18 '14 at 13:48

15

If you need a simple animation, why not just use UIView's animateWithDuration:animations: method?

imageView.alpha = 0
UIView.animateWithDuration(1.0) {
        imageView.alpha = 1
}

answered Nov 18 '14 at 13:48

linimin

6,239
2
26
31

1

@PugLvr28 Looks like you're new here. You should accept Swipesight's answer if it solved your problem. – Matt Long Nov 19 '14 at 06:51

score 10 · Answer 2 · edited Dec 13 '19 at 21:12

10

You can also write it like this:

animation.fromValue = 0.0
animation.toValue = 1.0

The whole code should be like this:

let animation = CABasicAnimation(#keyPath(CALayer.opacity))
animation.fromValue = 0.0
animation.toValue = 1.0
animation.duration = 1.0
animation.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
element.layer?.addAnimation(animation, forKey: "fade")

edited Dec 13 '19 at 21:12

laka

644
8
23

answered May 10 '16 at 13:20

R.Wonder

151
2
8

score 2 · Answer 3 · answered May 11 '20 at 15:40

You can use this extension method (unless you want to modify the view's attributes itself):

extension CALayer {

    func flash(duration: TimeInterval) -> Observable<Void> {
        let flash = CABasicAnimation(keyPath: "opacity")

        flash.fromValue = NSNumber(value: 0)
        flash.toValue = NSNumber(value: 1)
        flash.duration = duration
        flash.autoreverses = true

        removeAnimation(forKey: "flashAnimation")
        add(flash, forKey: "flashAnimation")
        opacity = 0     // Change the actual data value in the layer to the final value
    }
}

score 1 · Answer 4 · answered Apr 03 '15 at 14:30

If anyone is looking to use CABasicAnimation like OP had originally tried to do, one problem with his original code was he was using NSValue for the toValue. I switched it to NSNumber and it worked for me. Like this

    fadeToVisible.fromValue = NSNumber(float: 0.0)

score -1 · Answer 5 · answered Mar 15 '22 at 11:09

-1

Thanks to @ylin0x81. For swift 5 i had to do:

cell.imageView.alpha = 0.0;
UIView.animate(withDuration: 1.0) {
    cell.imageView.alpha = 1
}

answered Mar 15 '22 at 11:09

metamagikum

1,307
15
19

How do I animate opacity using swift?

5 Answers5

Linked

Related