[Swift] So zeigen Sie an, wann die Quiz-App richtig antwortet [Anfänger]

Einführung

Ich wusste nicht, wie ich es anzeigen sollte, als ich mit der Quiz-App richtig antwortete, also habe ich es nachgeschlagen und zusammengefasst.

Ich habe keine praktische Erfahrung und lerne Swift alleine. Ich möchte ausgeben, was ich gelernt habe. Als Anfänger kann es Fehler geben. Zu dieser Zeit würde ich es begrüßen, wenn Sie mir sagen könnten.

Umgebung

macOS Catalina10.15.4 Xcode11.7

Abschlusszeichnung

Stellen Sie den Bildschirm auf dem Storyboard wie in der Abbildung unten gezeigt ein

Verbinden Sie den Code mit UIImage und 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 verbindet sich auch mit @IBAction

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

    @IBAction func answerBtn2Action(_ sender: Any) {
        //Ich werde es dieses Mal nicht verwenden, aber ursprünglich schreibe ich den Prozess hier
    }
    
    
    @IBAction func answerBtn3Action(_ sender: Any) {
        //Ich werde es dieses Mal nicht verwenden, aber ursprünglich schreibe ich den Prozess hier
    }
    
    @IBAction func answerBtn4Action(_ sender: Any) {
        //Ich werde es dieses Mal nicht verwenden, aber ursprünglich schreibe ich den Prozess hier

    }

○ Bild speichern (maru.png)

Verarbeitung, wenn die Antwort richtig ist

1, ○ Bild anzeigen

Schreiben Sie den Code in answerBtn1Action

//○ Bild anzeigen
maruImageView.image = UIImage(named: "maru.png ")
//○ Stellen Sie die Transparenz des Bildes wieder her. Wenn Sie die Taste ab dem zweiten Mal drücken und dies nicht schreiben, ○ bleibt das Bild transparent.
maruImageView.alpha = 1.0

2. Wenn die Antwort richtig ist, machen Sie die Schaltfläche blau

answerBtn1.backgroundColor = .blue

Löschen Sie nach 3 oder 1 Sekunden das Bild von ○ und die Farbe der Schaltfläche.

Verwenden Sie zu diesem Zeitpunkt die UIView-Animation.

//UIView.Mit der Animationsfunktion kehrt die Farbe nach 1 Sekunde zurück
 UIView.animate(withDuration: 1.0) {
      //Ändern Sie die Tastenfarbe in systemOrenge
      self.answerBtn1.backgroundColor = .systemOrange
      //○ Setzen Sie die Transparenz des Bildes auf Null. Null und transparent.
      self.maruImageView.alpha = .zero
}

Vollständiger Code

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

    //Verarbeitung, wenn die Antwort richtig ist
    @IBAction func answerBtn1Action(_ sender: Any) {
        print("Richtige Antwort")
        answerBtn1.backgroundColor = .blue
        //○ Bild anzeigen
        maruImageView.image = UIImage(named: "maru.png ")
        //○ Stellen Sie die Transparenz des Bildes wieder her
        maruImageView.alpha = 1.0
        
        //UIView.Mit der Animationsfunktion kehrt die Farbe nach 1 Sekunde zurück
        UIView.animate(withDuration: 1.0) {
            //Ändern Sie die Tastenfarbe in systemOrenge
            self.answerBtn1.backgroundColor = .systemOrange
            //○ Setzen Sie die Transparenz des Bildes auf Null. Null und transparent.
            self.maruImageView.alpha = .zero
        }
    }
    
    
    @IBAction func answerBtn2Action(_ sender: Any) {
        //Ich werde es dieses Mal nicht verwenden, aber ursprünglich schreibe ich den Prozess hier
    }
    
    
    @IBAction func answerBtn3Action(_ sender: Any) {
        //Ich werde es dieses Mal nicht verwenden, aber ursprünglich schreibe ich den Prozess hier
    }
    
    @IBAction func answerBtn4Action(_ sender: Any) {
        //Ich werde es dieses Mal nicht verwenden, aber ursprünglich schreibe ich den Prozess hier

    }
    
}

Referenzseite

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