CollectionViewControllerの余白を作りたい

Question

こちらのサイトを参考にCollectionViewControllerを表示するアプリを作ってみました。

こちらがビルド時の画面です。

以下が記述したコードです。

import UIKit

class CollectionViewController: UICollectionViewController {
    
    var dataList = ["青山","阿部","加藤","神田","佐藤","坂田"]

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
        
        //cellの上下左右の余白。(top,left,bottom,right)
        layout.sectionInset = UIEdgeInsetsMake(20, 20, 20, 20)

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }

    override func numberOfSections(in collectionView: UICollectionView) -> Int {
        return 1
    }

    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return dataList.count
    }

    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath)
        // Tag番号を使ってLabelのインスタンス生成
        let label = cell.contentView.viewWithTag(1) as! UILabel
        label.text = dataList[indexPath.row]
        
        return cell
    }
    
    func collectionView(_ collectionView: UICollectionView,layout collectionViewLayout: UICollectionViewLayout,sizeForItemAt indexPath: IndexPath) -> CGSize {

        let cellSize:CGFloat = self.view.bounds.width/2 - 2
        // 正方形で返すためにwidth,heightを同じにする
        return CGSize(width: cellSize, height: cellSize)
    }

  
}

画面のようにセル同士の余白はググったりで自力で調節できたのですが、画面の枠？フレームからの余白の調節はどのような方法で調節するのでしょうか？

さらに余白についてググった結果、こちらのサイトが出てきました。
以下は抜粋です。

　　　　　//UICollectionViewのレイアウトを生成
        let layout = UICollectionViewFlowLayout()
        //cellの上下左右の余白。(top,left,bottom,right)
        layout.sectionInset = UIEdgeInsetsMake(20, 20, 20, 20)

私はこちらのコードがそうなんじゃないかと思い自分のコードに組み込もうとしたのですが、こちらのリンクはコードからCollectionViewを作っていて、この部分を使いaddSubviewしてるし、、、同じようにViewdidload内で同じ記述をしたらダブtちゃうし、、など思ったのですが、

CollectionViewControllerでこちらのコード(合ってるかは不明)を使うにはどのメソッドの中でどう記述すればいいのでしょうか？

また、もしかして画面枠からの余白はstoryboardで調整可能なのでしょうか？

質問でわかりずらいことがありましたらおっしゃっていただけると幸いです。

Answer 1

以下の設定でいかがでしょうか？

Comments

[sam3457]

回答ありがとうございます！返信遅くなってしまい申し訳ありません。
storyboardでできるんですね！本当に助かりました！ありがとうございます。