0

スクロールビューで5ページ分スクロールするアプリを作成しました。
ラベルは5ページ分反映したのですが、画像が反映されません。

画像の説明をここに入力

実現したいこと

スクロールビューに画像を表示したい

試したこと

下記のコードで警告文が出ており、調べてみたところfor文の中に「i」の記述がされていないため出ているというところまでわかりましたが、その後どのように記述していいかわからず止まりました。

 let image = imageArray[i]

警告内容

Initialization of immutable value 'image' was never used; consider replacing with assignment to '_' or removing it

ViewController.swift

import UIKit
class ViewController: UIViewController {

    @IBOutlet weak var scrollView: UIScrollView!

    var imageArray = ["1","2","3","4","5"]

    var tittleArrary = ["砂漠","人","抽象的","笑顔","家族"]

    override func viewDidLoad() {
        super.viewDidLoad()

        //ページングを有効にする
        scrollView.isPagingEnabled = true

        //5ページ分の幅で、高さはViewの高さに設定する
        scrollView.contentSize = CGSize(width: view.frame.size.width*5, height: view.frame.size.height)

        for i in 0...4{
            print(i)

            let imageView = UIImageView()
            let image = imageArray[i]
            imageView.frame = CGRect(x: CGFloat(i)*view.frame.size.width, y: 0, width: view.frame.size.width, height: view.frame.size.height)
            imageView.contentMode = .scaleAspectFit

            let label = UILabel(frame: CGRect(x: CGFloat(i)*view.frame.size.width, y: view.frame.size.height - view.frame.size.height/4, width: scrollView.frame.size.width, height: 100))
            label.font = UIFont.boldSystemFont(ofSize: 15.0)
            label.textAlignment = .center
            label.text = tittleArrary[i]
            label.textColor = .black

            scrollView.addSubview(imageView)
            scrollView.addSubview(label)

        }

    }
}

1 件の回答 1

0

あなたのiOSプログラミングやSwift言語に対する習熟度がどの程度かわからないので、少し長文になってしまいました。最後の結論の部分までは、ご自身が十分理解できているところはざっくり飛ばしながら読んでいってください。


まず、for文の中に「i」の記述がされていないため出ている と言うのは誤りです。

表示された警告内容はfor文とは全く関係ありません。(おそらくエラーメッセージで検索して、出てきた最初の日本語記事をざっくり眺めたりしたんでしょうが、「検索で最初の方に出てきた記事が自分にとって正解とは限らない」と言うのをしっかり頭に入れて、自分のケースに当てはまるかどうか吟味するようにしてください。)

Initialization of immutable value 'image' was never used; consider replacing with assignment to '_' or removing it

(拙訳)

あなたが初期化した定数'image'は全然使われてないですよ。(使いもしないものを宣言するくらいなら'image'なんて名前をつけずに)'_'に置き換えるか、(その宣言自体を)削除するとかも考えてみてください。

要は、せっかく配列の中からi番目の要素を取り出すなんてことをしたのに、その結果を使ってないじゃないですか、と言われているわけです。

例えば、コードの後半にlabel.text = tittleArrary[i]なんて、行がありますが、その行を

            let text = tittleArrary[i]

なんて置き換えてやると、同じ内容の警告が現れて、ラベルの中身が空っぽになる(表示されなくなる)と言う結果になるのは、理解できるでしょうか?

UILabelに表示される中身は、textと言うプロパティにString型の値として設定してやります。tittleArraryString型の配列ですから、tittleArrary[i]String型の値になりますので、そのままlabelのプロパティtextに代入できます。

従って、

            label.text = tittleArrary[i]

labelで表されるUILabelに表示される中身を、tittleArrary[i]に設定する、と言う動作になります。


一方、UIImageViewに表示される中身は、imageと言うプロパティにUIImage型の値として設定してやらないといけません。

  • imageと言う名前の変数(定数)ならなんでも良いわけじゃない
  • UIImage型でないといけない、String型ではいけない

あなたの現在のコードではimageと言う定数はString型ですから、UILabelの時の真似をして、imageView.image = imageなんてやるとエラーになってしまいます。

(もしかして、エラーより警告がマシだとか思って、現在のコードに書き換えられたのでしょうか?)


画像を表示する部分のコードは、こんな感じにしないといけません。

            let imageView = UIImageView()
            let imageName = imageArray[i]
            imageView.image = 「`imageName`から`UIImage`型の値を作る」
            imageView.frame = CGRect(x: CGFloat(i)*view.frame.size.width, y: 0, width: view.frame.size.width, height: view.frame.size.height)
            imageView.contentMode = .scaleAspectFit

imageNameからUIImage型の値を作る」の部分で、imageNameをちゃんと使ってやれば、「全然使われてないですよ」(never used)なんて警告は出なくなります。


で肝心な「imageNameからUIImage型の値を作る」の部分ですが、そこはあなたが"1", "2", ...と言う文字列に対して、どんな画像を表示したいのかによって、変わってきます。

以下は、あなたのプロジェクトの中に1.jpg, 2.jpg, ...と言う5つの画像が存在する と仮定した場合のコードです。

            let imageView = UIImageView()
            let imageName = imageArray[i]
            imageView.image = UIImage(named: "\(imageName).jpg") //「`imageName`から`UIImage`型の値を作る」やり方の一例
            imageView.frame = CGRect(x: CGFloat(i)*view.frame.size.width, y: 0, width: view.frame.size.width, height: view.frame.size.height)
            imageView.contentMode = .scaleAspectFit

「仮定」が当てはまらなくて、ご自身で解決できない場合には、コメントなどで必要な情報をお知らせください。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。