Swift UIScrollViewの使い方

UIScrollViewをコードで実装

独学でアプリ制作しているんですけど、そういえばscrollView使ったことないなと思ったので勉強しました！
まず、全く調べずにscrollViewを使ってみようとしました。
そのコードがこちら

class ViewController: UIViewController {
    
    private let label = UILabel()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let scrollView = UIScrollView()
        
        scrollView.frame = .init(x: 0, y: 0, 
            width: view.frame.size.width, height: view.frame.size.height)
        
        view.addSubview(scrollView)
        scrollView.addSubview(label)
        
        label.text = "hello world"
        label.frame = .init(x: 0, y: 0, width: 100, height: 50)
        label.center = scrollView.center
    }
    
}

結果はスクロールできませんでした。
labelはscrollViewがちゃんと表示されているか確認するために追加しています。

なんで！？と思い調べてみるとcontentSizeというものを指定しないといけないらしい。
contentSizeはスクロール領域を決めるらしい。
ということで修正したものがこちら

class ViewController: UIViewController {
    
    private let label = UILabel()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let scrollView = UIScrollView()
        
        //scrollViewの大きさを設定。
        scrollView.frame = .init(x: 0, y: 0, 
            width: view.frame.size.width * 2, height: view.frame.size.height * 2)
        
        //スクロール領域の設定
        scrollView.contentSize = CGSize(width:view.frame.size.width * 2, height:view.frame.size.height * 2)
        
        //scrollViewをviewのSubViewとして追加
        view.addSubview(scrollView)
        scrollView.addSubview(label)
        
        label.text = "hello world"
        label.frame = .init(x: 0, y: 0, width: 100, height: 50)
        label.center = scrollView.center
    }
    
}

これでどうだ！と思いビルドしましたがスクロールできませんでした。

さらに調べると、frameがcontentSizeより小さくないといけないみたい。

class ViewController: UIViewController {
    
    private let label = UILabel()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let scrollView = UIScrollView()
        
        //scrollViewの大きさを設定。
        scrollView.frame = .init(x: 0, y: 0, 
            width: view.frame.size.width, height: view.frame.size.height)
        
        //スクロール領域の設定
        scrollView.contentSize = CGSize(width:view.frame.size.width * 2, height:view.frame.size.height * 2)
        
        //scrollViewをviewのSubViewとして追加
        view.addSubview(scrollView)
        scrollView.addSubview(label)
        
        label.text = "hello world"
        label.frame = .init(x: 0, y: 0, width: 100, height: 50)
        label.center = scrollView.center
    }
    
}

結果は...いけたーーーー！！！

まとめ

UIScrollViewを使うときは

contentSizeを指定しないといけない
contentSizeはframeより大きくないといけない

ということに注意して実装しましょう!

引用

[Swift4]スクロールビューの使い方