scrollして表示する画像を変更

Question

前提・実現したいこと

scrollViewを使って横にスクロールしたときに表示する画像を変えたいです。

ここに質問の内容を詳しく書いてください。

スクロールして表示する画像を変更することはできたのですが
表示する順番が正しく表示されません。
*4,1,2、3の順に表示される
*ここでいうとtutorial4,tutorial1,tutorial2,tutorial3の順

該当のソースコード

    


　　@IBOutlet var scrollView:UIScrollView!
    @IBOutlet var imageView: UIImageView!
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        var imagesName = ["tutorial01","tutorial02","tutorial03","tutorial04"]
        let pageNumbers = imagesName.count
        
        // 画面サイズのフレームサイズを取得
        let scrollViewSize = scrollView.frame.size
        scrollView.contentSize = CGSize(width: scrollViewSize.width*4, height: scrollViewSize.height)
        print(scrollView.frame)

        画像を一つずつ表示する
        for pageNumber in 1...pageNumbers {
            print(pageNumber)
            print(scrollViewSize.width)
            print(CGFloat(pageNumber-1))
            imageView.frame = CGRect(x: scrollViewSize.width * CGFloat(pageNumber-1), y: 0.0, width: scrollViewSize.width, height: scrollViewSize.height)
            imageView = UIImageView(image: UIImage(named: imagesName[pageNumber-1]))
            scrollView.addSubview(imageView)
            print(imageView.frame)
        }
    }

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

ログに出して調べてみたところ、ImageViewのx座標が常に0.0になる
*本来であれば、pageNumbebrの値によってx座標の値が0.0、３２０．０,640.0,960.0といった風に変わるはず

試したこと

storyboardの設定確認
srollView 画像表示 x座標変わない 等で検索

補足情報（FW/ツールのバージョンなど）

storyboardを使った方法を覚えたいため、storyboardに予めUIScrollViewとUIImageViewを配置して置いてます。
なので、どうしてもstoryboardは使いたいです。

Comments

[fuzzball]

Storyboard上で制約を付けていれば、コードでframe設定する必要は無いと思うのですが、制約は付けていないのでしょうか？

[satoshi.y]

ありがとうございます。おっしゃる通り必要なかったですね。しかも自分のコードはstoryboardに設定しているにも関わらず再度imageViewを生成してaddSubViewしていて謎ですね。笑
imageViewのx座標で画像を切り替えてたので、別の方法を考えてから修正します

Answer 1

imageView.frame = CGRect(x: scrollViewSize.width * CGFloat(pageNumber-1), y: 0.0, width: scrollViewSize.width, height: scrollViewSize.height)
            imageView = UIImageView(image: UIImage(named: imagesName[pageNumber-1]))

でframeを設定したあとにUIImageViewを初期化しているので、「ImageViewのx座標が常に0.0になる」のだと思います。

また、storyboardで設定したimageViewですと
私の環境ではエラーになって上手くいかなかったので、
下記に試した例を書いておきます。

override func viewDidLoad() {
    super.viewDidLoad()
    
    var imagesName = ["tutorial01","tutorial02","tutorial03","tutorial04"]
    let pageNumbers = imagesName.count
    
    // 画面サイズのフレームサイズを取得
    let scrollViewSize = scrollView.frame.size
    scrollView.contentSize = CGSize(width: scrollViewSize.width*4, height: scrollViewSize.height)
    print(scrollView.frame)
    
    for pageNumber in 1...pageNumbers {
        print(pageNumber)
        print(scrollViewSize.width)
        print(CGFloat(pageNumber-1))

        // imageviewを作成
        let imageView = UIImageView(image: UIImage(named: imagesName[pageNumber-1]))
        imageView.frame = CGRect(x: scrollViewSize.width * CGFloat(pageNumber-1), y: 0.0, width: scrollViewSize.width, height: scrollViewSize.height)
        scrollView.addSubview(imageView)
        print(imageView.frame)
    }
}

Comments

[satoshi.y]

ありがとうございます。

無事解決できました！