[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

sampleMove.gif

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

sample1.png

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)

sample2.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

Recommended Posts

[Swift] Comment afficher lorsque l'application quiz répond correctement [Débutant]
[Swift] Comment afficher les caractères saisis sur le Widget via UserDefaults lors de l'utilisation du WidgetKit
[Rails 5] Comment afficher l'écran de changement de mot de passe lors de l'utilisation de l'appareil
Comment effacer la base de données lors de la recréation de l'application
Comment afficher le résultat du remplissage du formulaire
[Swift] Comment changer l'ordre des éléments de barre dans le contrôleur de barre d'onglets [Débutant]
Comment exécuter l'application SpringBoot en tant que service
Comment ajouter des caractères à afficher lors de l'utilisation de la méthode link_to
[Débutant] Découvrez le problème N + 1! Comment utiliser Bullet
[swift5] Comment exécuter le traitement lorsque tabBar est appuyé
[Swift] Comment obtenir l'ID de document Firebase
[Rails] Comment afficher les images dans la vue
[Android] Comment vérifier si le service de développement Google Play est installé lors du démarrage de l'application
Comment régler chrony lorsque le temps change dans CentOS7
Application Android qui sélectionne et affiche des images de la galerie
Comment spécifier la base de données lors de la création d'une application avec des rails
Comment remédier au décalage lors du lancement de Kibana japonais
[Rails] Comment afficher une liste de messages par catégorie
Comment obtenir le journal lorsque install4j ne démarre pas
[Rails] Comment afficher les informations stockées dans la base de données dans la vue
Comment utiliser JUnit (débutant)
[Java] Comment afficher les Wingdings
Lorsqu'un débutant crée une application personnelle avec des rails, la procédure pour l'amener au point de départ de toute façon.
[Swift] Comment modifier dynamiquement la hauteur de la barre d'outils sur le clavier
[Swift5] Comment obtenir un tableau et un ensemble de différences entre les tableaux
Comment afficher 0 sur le côté gauche de la valeur d'entrée standard
Comment afficher la valeur lorsqu'il y a un tableau dans le tableau
[Rails] Comment omettre l'affichage de la chaîne de caractères de la méthode link_to
[jOOQ] Comment utiliser CASE WHEN dans la clause WHERE / AND / OR
Comment résoudre l'erreur inconnue apparue lors de l'utilisation de slf4j en Java
Comment utiliser la méthode link_to
Comment utiliser la méthode include?
Comment utiliser la méthode form_with
[rails] Comment afficher les informations de base de données
Comment trouver l'angle moyen
Comment utiliser la classe wrapper