CollectionView 列数を7にしたい

Question

Swiftビギナーで、CollectionViewのレイアウトについて、よく理解できていません。

前提・実現したいこと

CollectionViewの列数を7にしたいです。

ここに質問の内容を詳しく書いてください。
Swiftでカレンダーアプリを作成したいと考えています。
そこで、試しにCollectionViewCellに順番に数字を表示させる画面を作成しているところです。
下記の通り、レイアウトに関するコードを記入しiPone11 ProMax, iPhone8, iPad(7th generation)でcellを1行あたり7列に表示させることができましたが、疑問点が残っています。

疑問点(2点あります)

以下のコードについて、
0. なぜ8で割ることで、7列表示されるのか。
0. なぜ余白を -2 とする必要があるのか。

let width = self.view.frame.width / 8 - 2

私の考えでは、7で割れば7列になると予想していました。
2.については、-2を記入しない場合、iPone11 ProMax, iPhone8では6列表示となってしまいました。

該当のソースコード

import UIKit

class ViewController: UIViewController,UICollectionViewDelegate, UICollectionViewDataSource {
    let layout = UICollectionViewFlowLayout()
    
    let items = ["0", "1", "2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"]
    
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return items.count
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "cell", for: indexPath) as! CollectionViewCell
        cell.label.text = items[indexPath.item]
        cell.backgroundColor = .green
        return cell
    }
    @IBOutlet weak var collectionView: UICollectionView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        let width = self.view.frame.width / 8 - 2
        layout.itemSize = CGSize(width: width, height: 80)
      
        collectionView.collectionViewLayout = layout
    }
}

試したこと

上記のコードでシュミレーターを起動(iPhone8)した場合、7列表示になる。

一方で、

let width = self.view.frame.width / 8
```　としてシュミレーターを起動(iPhone8)すると、6列になる。

![let width = self.view.frame.width / 8としてシュミレーターを起動(iPhone8)](01567f8ca021ab8be4d9b384ae043bde.png)

### 補足

色々試してみて、7列表示させる方法を見つけましたが、なぜそのコードで7列表示されるのか理解できていません。
結果オーライだと、後々苦労しそうなので、疑問を解決したいです。
恐れ入りますが、ご教授の程よろしくお願いいたします。

Answer 1

デフォルトのセル間スペースが 10px だからですね。これを 0 にして width を 7 で割ればちょうどになる（実際は微妙な隙間が入りますが）はずです。

        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0

        let width = self.view.frame.width / 7
        layout.itemSize = CGSize(width: width, height: 80)

Comments

[so0155hh]

ありがとうございます。
デフォルトのセル間スペースが 10pxになっているとのこと、理解いたしました。
layout.minimumInteritemSpacing = 0
let width = self.view.frame.width / 7 - 2
上記コードで、自分の思っていた通りのレイアウトになりました。
教えていただきありがとうございました。