Swift: Change UIButton backgroundColor when button is pressed?

Question

I'm trying to create a Quiz app that consists of two buttons, false and true button. My question is, when I press one of the two buttons, I want it to change its background colour ONLY SHORTLY when its pressed then I want it to go back to the color it originally was, but I can not figure out how to change the background color shortly. This is the code I have for this part so far:

@IBAction func answerButtonPressed(_ sender: UIButton) {
        
        let userAnswer = sender.currentTitle
        let actualAnswer = quiz[questionNumber].answer
        
        
        if userAnswer == actualAnswer {
            sender.backgroundColor = UIColor.green
        } else {
            sender.backgroundColor = UIColor.red
         }
        
        if questionNumber + 1 < quiz.count {
        
        questionNumber += 1
            }
        else {
            questionNumber = 0
        }
        updateUI()
        
        
        }
        
    func updateUI() {
        questionLabel.text = quiz[questionNumber].text
        trueButton.backgroundColor = UIColor.clear
        falseButton.backgroundColor = UIColor.clear

    

}

Does this answer your question? [Change button background color using swift language](https://stackoverflow.com/questions/24427284/change-button-background-color-using-swift-language) — Vitalii Gozhenko, Dec 15 '20 at 11:03

Shehata Gamal · Accepted Answer · 2020-12-15T10:16:22.100

4

You can try

// add this code snippet outside of any class 
extension UIButton {
  func shortChangeTo(_ color:UIColor) {
    let prev = self.backgroundColor
    self.backgroundColor = color
    DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
       self.backgroundColor = prev
    }
  }
}

to use it

if userAnswer == actualAnswer {
   sender.shortChangeTo(.green)
} else {
   sender.shortChangeTo(.red)
}

And change

updateUI()

to

DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
  self.updateUI()
}

edited Dec 15 '20 at 10:16

answered Dec 15 '20 at 09:58

Shehata Gamal

98,760
8
65
87

Could you please also show me how to implement this to my code snippet. I'm a beginner :D – Mervan Dec 15 '20 at 10:14
Please note, you should use weak reference in DispatchQueue. – Stefan Jul 08 '21 at 20:43

Raja Kishan · Answer 2 · 2020-12-15T10:19:05.183

Here is the UIButton extension with the change background for short time color with animation.

extension UIButton {
    func shortChangeBackground(with color: UIColor) {
        let originalColor = self.backgroundColor
        
        UIView.animate(withDuration: 0.3) {
            self.backgroundColor = color
        }
        
        UIView.animate(withDuration: 0.3, delay: 1.0) {
            self.backgroundColor = originalColor
        }
    }
}

Use:

@IBAction func onDoneAction(_ sender: UIButton) {
    sender.shortChangeBackground(with: userAnswer == actualAnswer ? UIColor.green : UIColor.red)
}

score 0 · Answer 3 · answered Apr 04 '21 at 18:25

This will help you to change the button colour to colour you want (green or red or whatever) and change it back to clear with delay of 0.2 seconds. In the easiest way possible.

In the IBAction of answerButtonPressed put the following lines after the answer check is done.

Timer.scheduledTimer(timeInterval: 0.2, target: self, selector: #selector(updateUI), userInfo: nil, repeats: false)

In selector, specify your function used to update the user interface.

score 0 · Answer 4 · edited Aug 16 '21 at 05:47

In this situation, the following would be the fastest and simplest solution:

Just change your 'updateUI ()' function as follows:

func updateUI() {
        questionLabel.text = quiz[questionNumber].text
        DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) {
            self.trueButton.backgroundColor = UIColor.clear
            self.falseButton.backgroundColor = UIColor.clear
        }
        
    }

So what's happening here?

DispatchQueue.main.asyncAfter(deadline: .now() + 0.3)

The above line of code is holding off green/red color for 0.3 secs (you can change this number to your preference) before changing the background back to clear color.

Swift: Change UIButton backgroundColor when button is pressed?

4 Answers4