Show UIImageView for 1 second and hide again

Question

Created Jun ’21

Replies 5

Boosts 0

Views 2.6k

Participants 4

Hello. I am trying to show an image for a short time, in an animated way, and hidden again. This is the function:

@IBOutlet var statusField: UIImageView!
@IBAction func debugbutton(_ sender: UIButton) {
        showIcon()
}
override func viewDidLoad() {
        super.viewDidLoad()
        statusField.isHidden = true

func showIcon() {
        statusField.isHidden = false
        UIView.animate(withDuration: 1, delay: 0.5, options: UIView.AnimationOptions.transitionFlipFromTop, animations: {
            self.statusField.alpha = 0
        }, completion: { finished in
            self.statusField.isHidden = true
        })
    }

When I run the function for the first time it works fine but then it stops doing it. The icon is no longer displayed. Any advice on what's going on? Thanks!

Boost

Answer 1

rychee OP

Jun ’21

Hello, just to clarify, you wanted to make the UIImageView flicker at 1 second interval, or just show it for 1 second and hide once?

0

Answer 2

OOPer OP

Jun ’21

Accepted Answer

In your animation, you set alpha to 0, but there's no code to reset it to 1.

    func showIcon() {
        statusField.isHidden = false
        UIView.animate(withDuration: 1, delay: 0.5, options: UIView.AnimationOptions.transitionFlipFromTop, animations: {
            self.statusField.alpha = 0
        }, completion: { finished in
            self.statusField.isHidden = true
            self.statusField.alpha = 1 //<-
        })
    }

In your shown code, showIcon() looks like it is nested inside viewDidLoad(), but it is odd and I assumed it is not nested.

1

Answer 3

sebasanblas OP

Jun ’21

Just show it for 1 second and hide once! Thanks!

0

Answer 4

sebasanblas OP

Jun ’21

It worked perfect, thank you very much. You are correct, the function was not nested, I just forgot to close viewDidLoad() when I was copying the code in the forum.

Besides knowing that it works, I would like to understand well how the code works. When I execute the function, the button appears (hidden = false) and then I have an animation that in a certain time (1s) varies the alpha from 1 to 0, upon completion it returns the value to 1 (thanks to you) and maintains I hide the image ( hidden = true ). It is right?

0

Answer 5

Claude31 OP

Jun ’21

When I execute the function, the button appears (hidden = false) and then I have an animation that in a certain time (1s) varies the alpha from 1 to 0, upon completion it returns the value to 1 (thanks to you) and maintains I hide the image ( hidden = true ). It is right?

Before you call, image is hidden and alpha is 1 (by default as defined in IB probably)

Before animation, you unhide : image is visible Then animation is to change progressively alpha from 1 to 0 ; hidden remains false At the end of animation, you hide the image again. and you need to reset alpha to 1, otherwise next time you play you start at 0

You could also have written it at start:

    func showIcon() {
        statusField.isHidden = false
        statusField.alpha = 1 //<-

0