Swiftで画像の切り替え表示を保存したままの状態にしたいです。

###【Swift】画像の切り替え表示について

swiftで簡単な英単語暗記アプリを作っています。

NEXTボタンをタップすると、その都度上に「英単語と日本語訳」が書かれた画像がランダムに表示されるシステムになっています。

ここから覚えていなかった単語が出てきた場合、覚えてないボタンを押すと
単語を赤くマークする＝文字を赤くした別の画像に切り替わるようにしたいです。

発生している問題・エラーメッセージ

以下のようなコードで書いたところ、覚えていないボタンを押したら一時的に画像が赤い文字のものに切り替わりますが、次の英単語に進んでいくと同じ単語が出ても、元の文字が赤くない画像に戻ってしまいます。
１度覚えていないボタンを押した画像が、ずっと文字が赤い画像
（「宇宙２」など）に切り替わる（その動作が保存される）にはどのように修正すれば良いのでしょうか。

【例】　「宇宙」画像を覚えていない場合、その後は「宇宙２」画像に変更したままにしたいです。

該当のソースコード


    @IBOutlet weak var eitangoView: UIImageView!
    
    var eitangoNumber = 0
 
    @IBAction func ShuffleAction(_ sender: Any) {
        
        var neweitangoNumber = 0
        
        repeat {
            
        neweitangoNumber = Int(arc4random_uniform(9))
        
        } while eitangoNumber == neweitangoNumber
        
        eitangoNumber = neweitangoNumber
        
        
        if eitangoNumber == 0 {
            eitangoView.image = UIImage(named:"宇宙")
            
        }else if eitangoNumber == 1{
            eitangoView.image = UIImage(named:"海外へ")
            
        }else if eitangoNumber == 2{
            eitangoView.image = UIImage(named:"工業")
            
        }else if eitangoNumber == 3{
            eitangoView.image = UIImage(named:"事故")
            
        }else if eitangoNumber == 4{
            eitangoView.image = UIImage(named:"多分")
            
        }else if eitangoNumber == 5{
            eitangoView.image = UIImage(named:"動き")
            
        }else if eitangoNumber == 6{
            eitangoView.image = UIImage(named:"突然")
            
        }else if eitangoNumber == 7{
            eitangoView.image = UIImage(named:"宝物")
            
        }else if eitangoNumber == 8{
            eitangoView.image = UIImage(named:"隣人")
        }
    }
  
    
    
    
    @IBAction funk   oboetenaiAction(_ sender: Any) {
        if eitangoNumber == 0 {
            eitangoView.image = UIImage(named:"宇宙２")
            
        }else if eitangoNumber == 1{
            eitangoView.image = UIImage(named:"海外へ２")
            
        }else if eitangoNumber == 2{
            eitangoView.image = UIImage(named:"工業２")
            
        }else if eitangoNumber == 3{
            eitangoView.image = UIImage(named:"事故２")
            
        }else if eitangoNumber == 4{
            eitangoView.image = UIImage(named:"多分２")
            
        }else if eitangoNumber == 5{
            eitangoView.image = UIImage(named:"動き２")
            
        }else if eitangoNumber == 6{
            eitangoView.image = UIImage(named:"突然２")
            
        }else if eitangoNumber == 7{
            eitangoView.image = UIImage(named:"宝物２")
            
        }else if eitangoNumber == 8{
            eitangoView.image = UIImage(named:"隣人２")
        }
    }

行動規範の内容に同意します

回答1件

ベストアンサー

それぞれの単語について、覚えてないかどうかを保存する変数が必要です。
例えば、最初の単語 universe を覚えてない場合の処理について説明します。

まず、eitangoNumber の下に oboetenaiFlag0 を追加して、最初は false にしておき、覚えてない場合には true に変更することにします。

swift
1    var eitangoNumber = 0
2
3    // "宇宙" を覚えてない場合は true にする
4    var oboetenaiFlag0 = false

ShuffleAction の変更は後にして、先に oboetenaiAction を変更しましょう。
覚えてないボタンが押された場合には oboetenaiFlag0 を true に変更する処理を追加します。

swift
1    @IBAction funk   oboetenaiAction(_ sender: Any) {
2        if eitangoNumber == 0 {
3            eitangoView.image = UIImage(named:"宇宙２")
4
5            // "宇宙" を覚えてないので true に変更する
6            oboetenaiFlag0 = true
7
8        }else if eitangoNumber == 1{
9            eitangoView.image = UIImage(named:"海外へ２")
10
11        // 以下略
12
13    }

最後に、ShuffleAction の変更ですね。oboetenaiFlag0 を使って表示を変更します。
ちなみに、if oboetenaiFlag0 { は if oboetenaiFlag0 == true { と同じ意味です。

swift
1    @IBAction func ShuffleAction(_ sender: Any) {
2
3        var neweitangoNumber = 0
4
5        repeat {
6
7        neweitangoNumber = Int(arc4random_uniform(9))
8
9        } while eitangoNumber == neweitangoNumber
10
11        eitangoNumber = neweitangoNumber
12
13
14        if eitangoNumber == 0 {
15
16            // oboetenaiFlag0 が true の場合は赤で、そうでない場合は普通に表示する。
17            if oboetenaiFlag0 {
18                eitangoView.image = UIImage(named:"宇宙２")
19            } else {
20                eitangoView.image = UIImage(named:"宇宙")
21            }
22
23        }else if eitangoNumber == 1{
24            eitangoView.image = UIImage(named:"海外へ")
25
26        // 以下略
27
28    }

こんな感じで oboetenaiFlag1 〜 oboetenaiFlag8 を作って書き直せば、たぶんお望みの動作になると思います。

とはいえ、このように

swift
1    var oboetenaiFlag0 = false
2    var oboetenaiFlag1 = false
3    var oboetenaiFlag2 = false
4    var oboetenaiFlag3 = false
5    var oboetenaiFlag4 = false
6    var oboetenaiFlag5 = false
7    var oboetenaiFlag6 = false
8    var oboetenaiFlag7 = false
9    var oboetenaiFlag8 = false

同じような名前の変数をたくさん作って、ShuffleAction や oboetenaiAction 同じような処理を書くのは大変ですよね。コピペして修正してると、間違えて "宇宙" を覚えてないはずが "海外へ" を覚えてないことになってたりするし…。
という場合に便利なのが「配列」なので、ぜひ勉強して使えるようになってください。

また、「universe」「ユニヴァース」「宇宙」を一つの画像として表示しているようですが、一つ一つ画像を作るのは大変だと思いますので、それぞれ UILabel を使って文字列で表示することを検討してもいいと思います。

ちなみに、配列を使って書き直すとこんな感じになると思います。

swift
1class AnkiViewController: UIViewController {
2
3    // 略
4    
5    @IBOutlet weak var eitangoView: UIImageView!
6
7    var eitangoNumber = 0
8
9    //英単語データ
10    let eitangoImages = ["宇宙", "海外へ", "工業", "事故", "多分", "動き", "突然", "宝物", "隣人"];
11
12    //番号の単語を覚えていない場合はtrueにする
13    var shikakuFlags = [false, false, false, false, false, false, false, false, false]
14
15    @IBAction func ShuffleAction(_ sender: Any) {
16        var neweitangoNumber = 0
17        repeat {
18            neweitangoNumber = Int(arc4random_uniform(9))
19        } while eitangoNumber == neweitangoNumber
20
21        eitangoNumber = neweitangoNumber
22
23        if shikakuFlags[eitangoNumber] {
24            eitangoView.image = UIImage(named: eitangoImages[eitangoNumber] + "２")
25        } else {
26            eitangoView.image = UIImage(named: eitangoImages[eitangoNumber])
27        }
28    }
29
30    @IBAction func shikakuAction(_ sender: Any) {
31        eitangoView.image = UIImage(named: eitangoImages[eitangoNumber] + "２")
32        shikakuFlags[eitangoNumber] = true
33    }
34}

投稿2020/02/12 01:06

編集2020/02/17 22:12

hoshi-takanori

総合スコア7901

bulpon

2020/02/12 07:39

丁寧な説明ありがとうございます！無事うまくいきました。もう少し自分でも勉強したいと思います！

bulpon

2020/02/16 14:22

すみません、、、以前はうまくいったのですがこのようなコードにした結果、シャッフルボタンを押していくと、画像のところにたまに空白が出てきてしまいます。どのように改善すべきでしょうか、、、本当に何度もすみません import UIKit class AnkiViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view. } /* // MARK: - Navigation // In a storyboard-based application, you will often want to do a little preparation before navigation override func prepare(for segue: UIStoryboardSegue, sender: Any?) { // Get the new view controller using segue.destination. // Pass the selected object to the new view controller. } */ @IBOutlet weak var eitangoView: UIImageView! var eitangoNumber = 0 //番号の単語を覚えていない場合はtrueにする var shikakuFlag0 = false var shikakuFlag1 = false var shikakuFlag2 = false var shikakuFlag3 = false var shikakuFlag4 = false var shikakuFlag5 = false var shikakuFlag6 = false var shikakuFlag7 = false var shikakuFlag8 = false @IBAction func ShuffleAction(_ sender: Any) { var neweitangoNumber = 0 repeat{ neweitangoNumber = Int(arc4random_uniform(9)) } while eitangoNumber == neweitangoNumber eitangoNumber = neweitangoNumber if eitangoNumber == 0{ eitangoView.image = UIImage(named: "宇宙") //shikakuFlag0 がtrue その場合は視覚調整、そうでない場合は普通に表示する。 if shikakuFlag0{eitangoView.image = UIImage(named: "宇宙２") }else{ eitangoView.image = UIImage(named: "宇宙") } } else if eitangoNumber == 1{ eitangoView.image = UIImage(named: "海外へ") if shikakuFlag1{eitangoView.image = UIImage(named: "海外へ2") }else{ eitangoView.image = UIImage(named: "海外へ") } } else if eitangoNumber == 2{ eitangoView.image = UIImage(named: "工業") if shikakuFlag2{eitangoView.image = UIImage(named: "工業2") }else{ eitangoView.image = UIImage(named: "工業") } } else if eitangoNumber == 3{ eitangoView.image = UIImage(named: "事故") if shikakuFlag3{eitangoView.image = UIImage(named: "事故2") }else{ eitangoView.image = UIImage(named: "事故") } } else if eitangoNumber == 4{ eitangoView.image = UIImage(named: "多分") if shikakuFlag4{eitangoView.image = UIImage(named: "多分2") }else{ eitangoView.image = UIImage(named: "多分") } } else if eitangoNumber == 5{ eitangoView.image = UIImage(named: "動き") if shikakuFlag5{eitangoView.image = UIImage(named: "動き2") }else{ eitangoView.image = UIImage(named: "動き") } } else if eitangoNumber == 6{ eitangoView.image = UIImage(named: "突然") if shikakuFlag6{eitangoView.image = UIImage(named: "突然2") }else{ eitangoView.image = UIImage(named: "突然") } } else if eitangoNumber == 7{ eitangoView.image = UIImage(named: "宝物") if shikakuFlag7{eitangoView.image = UIImage(named: "宝物2") }else{ eitangoView.image = UIImage(named: "宝物") } } else if eitangoNumber == 8{ eitangoView.image = UIImage(named: "隣人") if shikakuFlag8{eitangoView.image = UIImage(named: "隣人2") }else{ eitangoView.image = UIImage(named: "隣人") } } } @IBAction func shikakuAction(_ sender: Any) { if eitangoNumber == 0{ eitangoView.image = UIImage(named: "宇宙２") //宇宙を覚えていないので true に変更する shikakuFlag0 = true }else if eitangoNumber == 1{ eitangoView.image = UIImage(named: "海外へ２") shikakuFlag1 = true }else if eitangoNumber == 2{ eitangoView.image = UIImage(named: "工業２") shikakuFlag2 = true }else if eitangoNumber == 3{ eitangoView.image = UIImage(named: "事故２") shikakuFlag3 = true }else if eitangoNumber == 4{ eitangoView.image = UIImage(named: "多分２") shikakuFlag4 = true }else if eitangoNumber == 5{ eitangoView.image = UIImage(named: "動き２") shikakuFlag5 = true }else if eitangoNumber == 6{ eitangoView.image = UIImage(named: "突然２") shikakuFlag6 = true }else if eitangoNumber == 7{ eitangoView.image = UIImage(named: "宝物２") shikakuFlag7 = true }else if eitangoNumber == 8{ eitangoView.image = UIImage(named: "隣人２") shikakuFlag8 = true } } }