質問編集履歴

やり方を変えてみました。csvでなく、if文を使ってしました。

2021/01/02 16:50

投稿

takuya21

スコア0

test CHANGED Viewed

	@@ -1 +1 @@
1	- swift ~~csvに追加~~した画像~~を表示させ~~る方法
1	+ swift クイズアプリでボタンを押したら画像の切り替える方法

test CHANGED Viewed

@@ -12,17 +12,19 @@
 ### 発生している問題・エラーメッセージ画像の追加まではできましたが、画像の追加のコードを入力してからエラーがでました。
+前回の投稿から違うやり方でしてみました。
-イメージと近かかったので、csvに画像を追加して、表示できているサイトがあったのでそれを参考にしました。しかし、pathの取得？の部分でエラーが出て進みません。
+UIImageViewを接続し、if文を使って画像の切り替えをしてるのがあったのでやってみました。
+画像のコードを入力しましたが、エラーの意味もわからず何が間違っているのか分かりません。
 エラーメッセージ
-Thread 1: Fatal error: Unexpectedly found nil while unwrapping an Optional value
-他にも、pathに何もはいってないなどもでます。
+QuizViewControllerの値にはメンバーがありません。
@@ -58,9 +60,51 @@
     @IBOutlet weak var judgeImageView: UIImageView!
+**〜〜〜変更部分〜〜〜**
-    @IBOutlet weak var appleImage: UIImageView!
+   ** @IBOutlet weak var appleImageView: UIImageView!
+    func changeImage(someValue: Int) {
+      if someValue == 0 {
+        self.imageView.image = UIImage(named:"first_image")
+      } else if someValue == 1 {
+        self.imageView.image = UIImage(named:"second_image")
+      } else if someValue == 2 {
+        self.imageView.image = UIImage(named:"third_image")
+      } else if someValue == 3 {
+        self.imageView.image = UIImage(named:"fourth_image")
+      } else if someValue == 4 {
+        self.imageView.image = UIImage(named:"some_image")
+      }
+    }
+    **
+**〜〜〜ここまで〜〜〜**
     //csvファイルを読み込む・問題文と選択肢を表示する
@@ -164,212 +208,188 @@
-**〜〜〜問題はここから⬇⬇⬇〜〜〜**
+        //選択肢を表示する
+        answerBtn1.setTitle(quizArray[2], for: .normal)
+        answerBtn2.setTitle(quizArray[3], for: .normal)
+        answerBtn3.setTitle(quizArray[4], for: .normal)
+        answerBtn4.setTitle(quizArray[5], for: .normal)
+        // Do any additional setup after loading the view.
+    }
-       ** let path = Bundle.main.path(forResource: (quizArray[5]as AnyObject as! String), ofType: nil)
+    override func prepare(for segue: UIStoryboardSegue, sender: Any?){
+        let sVC = segue.destination as! ScoreViewController
+        sVC.correct = correctCount
+    }
+    //ボタンをタップした時の判定
+    @IBAction func btnAction(sender: UIButton) {
+        if sender.tag == Int(quizArray[1]) {
+            correctCount += 1
-        let apple : UIImage = UIImage(contentsOfFile: path!)!
+            judgeImageView.image = UIImage(named: "correct")
+        } else {
+            judgeImageView.image = UIImage(named: "incorrect")
+        }
-        appleImage.image = apple**
+        judgeImageView.isHidden = false
+        explanation()
+    }
+    //戻るボタン
+    @objc func backBtnTapped(){
+        let screenHeight = Double(UIScreen.main.bounds.size.height)
+        UIView.animate(withDuration: 0.5, animations: {() -> Void in self.explanetionBGView.frame = CGRect(x: self.explanationBGX, y: screenHeight, width: 320, height: 210)
+        })
+        answerBtn1.isEnabled = true
+        answerBtn2.isEnabled = true
+        answerBtn3.isEnabled = true
+        answerBtn4.isEnabled = true
+        answerBtn5.isEnabled = true
+        judgeImageView.isHidden = true
+        nextQuiz()
+    }
+    func explanation(){
+        let correctNumber = Int(quizArray[1])!
+        correctLabel.text = "答え：(quizArray[correctNumber + 2])"
+        let answerBtnY = answerBtn1.frame.origin.y
+        UIView.animate(withDuration: 0.5, animations: {() -> Void in self.explanetionBGView.frame = CGRect(x: self.explanationBGX, y: Double(answerBtnY), width: 320, height: 280)
+        })
+        answerBtn1.isEnabled = false
+        answerBtn2.isEnabled = false
+        answerBtn3.isEnabled = false
+        answerBtn4.isEnabled = false
+        answerBtn5.isEnabled = false
+    }
+    //次の問題を表示
+    func nextQuiz() {
+        quizCount += 1
-**ーーーここまでーーー**
-        //選択肢を表示する
+        //画面遷移
+        quizArray.removeAll()
+        if quizCount < quizTotal {
+            quizArray = csvArray[quizCount].components(separatedBy: ",")
+            quizNumberLabel.text = "第(quizCount + 1)門"
+            quizTextView.text = quizArray[0]
-        answerBtn1.setTitle(quizArray[2], for: .normal)
+            answerBtn1.setTitle(quizArray[2], for: .normal)
-        answerBtn2.setTitle(quizArray[3], for: .normal)
+            answerBtn2.setTitle(quizArray[3], for: .normal)
-        answerBtn3.setTitle(quizArray[4], for: .normal)
+            answerBtn3.setTitle(quizArray[4], for: .normal)
-        answerBtn4.setTitle(quizArray[5], for: .normal)
+            answerBtn4.setTitle(quizArray[5], for: .normal)
-        // Do any additional setup after loading the view.
-    }
-    override func prepare(for segue: UIStoryboardSegue, sender: Any?){
-        let sVC = segue.destination as! ScoreViewController
-        sVC.correct = correctCount
-    }
-    //ボタンをタップした時の判定
-    @IBAction func btnAction(sender: UIButton) {
-        if sender.tag == Int(quizArray[1]) {
+            answerBtn5.setTitle(quizArray[6], for: .normal)
-            correctCount += 1
-            judgeImageView.image = UIImage(named: "correct")
         } else {
-            judgeImageView.image = UIImage(named: "incorrect")
+            performSegue(withIdentifier: "scoreVC", sender: nil)
         }
-        judgeImageView.isHidden = false
-        explanation()
-    }
+    }
-    //戻るボタン
-    @objc func backBtnTapped(){
+    func loadCSV(fileName: String) -> [String] {
+        let csvBundle = Bundle.main.path(forResource: fileName, ofType: "csv")!
+        do {
-        let screenHeight = Double(UIScreen.main.bounds.size.height)
+            let csvDate = try String(contentsOfFile: csvBundle,encoding: String.Encoding.utf8)
-        UIView.animate(withDuration: 0.5, animations: {() -> Void in self.explanetionBGView.frame = CGRect(x: self.explanationBGX, y: screenHeight, width: 320, height: 210)
-        })
-        answerBtn1.isEnabled = true
-        answerBtn2.isEnabled = true
-        answerBtn3.isEnabled = true
-        answerBtn4.isEnabled = true
-        answerBtn5.isEnabled = true
-        judgeImageView.isHidden = true
-        nextQuiz()
-    }
-    func explanation(){
-        let correctNumber = Int(quizArray[1])!
-        correctLabel.text = "答え：(quizArray[correctNumber + 2])"
+            let lineChange = csvDate.replacingOccurrences(of: "\r", with: "\n")
-        let answerBtnY = answerBtn1.frame.origin.y
-        UIView.animate(withDuration: 0.5, animations: {() -> Void in self.explanetionBGView.frame = CGRect(x: self.explanationBGX, y: Double(answerBtnY), width: 320, height: 280)
-        })
-        answerBtn1.isEnabled = false
-        answerBtn2.isEnabled = false
-        answerBtn3.isEnabled = false
-        answerBtn4.isEnabled = false
-        answerBtn5.isEnabled = false
-    }
-    //次の問題を表示
-    func nextQuiz() {
-        quizCount += 1
-        //画面遷移
-        quizArray.removeAll()
-        if quizCount < quizTotal {
-            quizArray = csvArray[quizCount].components(separatedBy: ",")
+            csvArray = lineChange.components(separatedBy: "\n")
-            quizNumberLabel.text = "第(quizCount + 1)門"
-            quizTextView.text = quizArray[0]
-            answerBtn1.setTitle(quizArray[2], for: .normal)
-            answerBtn2.setTitle(quizArray[3], for: .normal)
-            answerBtn3.setTitle(quizArray[4], for: .normal)
-            answerBtn4.setTitle(quizArray[5], for: .normal)
-            answerBtn5.setTitle(quizArray[6], for: .normal)
-        } else {
+        } catch {
-            performSegue(withIdentifier: "scoreVC", sender: nil)
+            print("エラー")
         }
-    }
-    func loadCSV(fileName: String) -> [String] {
-        let csvBundle = Bundle.main.path(forResource: fileName, ofType: "csv")!
-        do {
-            let csvDate = try String(contentsOfFile: csvBundle,encoding: String.Encoding.utf8)
-            let lineChange = csvDate.replacingOccurrences(of: "\r", with: "\n")
-            csvArray = lineChange.components(separatedBy: "\n")
-        } catch {
-            print("エラー")
-        }
         return csvArray
     }
@@ -408,7 +428,7 @@
-path取得について調べ、コードを追加したり、変えたりしたのですが、ごちゃごちゃになったので戻しました。（この状態でもエラーですが。）
+ご教授頂いたことをしているのか、わかりませんがネットで似ているのを探していれこみました。すみませんが、教えて下さい。お願いします。
@@ -416,13 +436,7 @@
 ### 補足情報（FW/ツールのバージョンなど）
-csvの中はこれです。
-画像にはりんごの写真が入ってます。
-![イメージ説明](d0944884c786111e857f84c36d19e90d.png)
+![イメージ説明](5bebae0a90e3cdee5ee0b9baa6ae6b59.png)