[Swift] Comment afficher lorsque l'application quiz répond correctement [Débutant]

introduction

Je ne savais pas comment l'afficher lorsque j'ai répondu correctement avec l'application quiz, alors je l'ai recherchée et l'ai résumée.

Je n'ai aucune expérience pratique et j'étudie Swift seul. Je voudrais sortir ce que j'ai appris. En tant que débutant, il peut y avoir des erreurs. À ce moment-là, j'apprécierais que vous me le disiez.

environnement

macOS Catalina10.15.4 Xcode11.7

Dessin d'achèvement

Réglez l'écran sur le story-board comme indiqué dans l'image ci-dessous

Connectez le code avec UIImage et UIButton.

 @IBOutlet weak var answerBtn1: UIButton!
 @IBOutlet weak var answerBtn2: UIButton!
 @IBOutlet weak var answerBtn3: UIButton!
 @IBOutlet weak var answerBtn4: UIButton!
    
 @IBOutlet weak var maruImageView: UIImageView!

UIButton se connecte également avec @IBAction

 @IBAction func answerBtn1Action(_ sender: Any) {
    }
    

    @IBAction func answerBtn2Action(_ sender: Any) {
        //Je ne vais pas l'utiliser cette fois, mais à l'origine écrire le processus ici
    }
    
    
    @IBAction func answerBtn3Action(_ sender: Any) {
        //Je ne vais pas l'utiliser cette fois, mais à l'origine écrire le processus ici
    }
    
    @IBAction func answerBtn4Action(_ sender: Any) {
        //Je ne vais pas l'utiliser cette fois, mais à l'origine écrire le processus ici

    }

○ Image du magasin (maru.png)

Traitement lorsque la réponse est correcte

1, ○ Afficher l'image

Écrivez le code dans answerBtn1Action

//○ Afficher l'image
maruImageView.image = UIImage(named: "maru.png ")
//○ Restaurez la transparence de l'image. Lorsque vous appuyez sur le bouton à partir de la deuxième fois, si vous n'écrivez pas ceci, ○ L'image restera transparente.
maruImageView.alpha = 1.0

2. Lorsque la réponse est correcte, réglez le bouton en bleu

answerBtn1.backgroundColor = .blue

Après 3 ou 1 secondes, effacez l'image de ○ et la couleur du bouton.

À ce stade, utilisez l'animation UIView.

//UIView.La couleur revient après 1 seconde à l'aide de la fonction d'animation
 UIView.animate(withDuration: 1.0) {
      //Changer la couleur du bouton en système
      self.answerBtn1.backgroundColor = .systemOrange
      //○ Réglez la transparence de l'image sur zéro. Zéro et transparent.
      self.maruImageView.alpha = .zero
}

Code complet

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet weak var answerBtn1: UIButton!
    @IBOutlet weak var answerBtn2: UIButton!
    @IBOutlet weak var answerBtn3: UIButton!
    @IBOutlet weak var answerBtn4: UIButton!
    
    @IBOutlet weak var maruImageView: UIImageView!
    
    

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    //Traitement lorsque la réponse est correcte
    @IBAction func answerBtn1Action(_ sender: Any) {
        print("Bonne réponse")
        answerBtn1.backgroundColor = .blue
        //○ Afficher l'image
        maruImageView.image = UIImage(named: "maru.png ")
        //○ Restaurer la transparence de l'image
        maruImageView.alpha = 1.0
        
        //UIView.La couleur revient après 1 seconde à l'aide de la fonction d'animation
        UIView.animate(withDuration: 1.0) {
            //Changer la couleur du bouton en système
            self.answerBtn1.backgroundColor = .systemOrange
            //○ Réglez la transparence de l'image sur zéro. Zéro et transparent.
            self.maruImageView.alpha = .zero
        }
    }
    
    
    @IBAction func answerBtn2Action(_ sender: Any) {
        //Je ne vais pas l'utiliser cette fois, mais à l'origine écrire le processus ici
    }
    
    
    @IBAction func answerBtn3Action(_ sender: Any) {
        //Je ne vais pas l'utiliser cette fois, mais à l'origine écrire le processus ici
    }
    
    @IBAction func answerBtn4Action(_ sender: Any) {
        //Je ne vais pas l'utiliser cette fois, mais à l'origine écrire le processus ici

    }
    
}

Site de référence

https://qiita.com/hachinobu/items/57d4c305c907805b4a53