CollectionViewがずれる

実現したいこと

カスタムセルのレイアウトがずれるのを修正したい。

前提

カスタムセルを使ったコレクションビューを作っています。

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

レイアウトがずれる

画像挿入前
イメージ説明

画像挿入後
イメージ説明

該当のソースコード

Swift
1import UIKit
2
3class TestCollectionViewController: UIViewController, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
4    
5    // 接続
6    @IBOutlet weak var collectionView: UICollectionView!
7    
8    // 変数
9    
10    override func viewDidLoad() {
11        super.viewDidLoad()
12  
13        collectionView.register(UINib(nibName: "CollectionViewCell", bundle: nil), forCellWithReuseIdentifier: "Cell")
14    }
15    
16    func numberOfSections(in collectionView: UICollectionView) -> Int {
17        return 1
18    }
19    
20    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
21        return 4
22    }
23    
24    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
25        print("タップされたよ")
26    }
27    
28    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
29        
30        // 横方向のスペース調整
31        let horizontalSpace:CGFloat = 5
32        
33        //セルのサイズを指定。画面上にセルを3つ表示させたいのであれば、デバイスの横幅を3分割した横幅　- セル間のスペース*2（セル間のスペースが二つあるため）
34        let cellWidth:CGFloat = self.view.bounds.width/2 - horizontalSpace*2
35        
36        let cellHeight:CGFloat = self.view.bounds.height/3
37        
38        // 正方形で返すためにwidth,heightを同じにする
39        return CGSize(width: cellWidth, height: cellHeight)
40        
41    }
42    
43    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
44        
45        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath) as! CollectionViewCell
46        
47        cell.backgroundColor = .blue
48//        cell.thumbnailImage.image = UIImage(named: "no_image")
49        
50        return cell
51    }
52}
53

カスタムセル
イメージ説明

Swift
1import UIKit
2
3class CollectionViewCell: UICollectionViewCell {
4
5    // 接続
6    @IBOutlet weak var thumbnailImage: UIImageView!
7    
8    override func awakeFromNib() {
9        super.awakeFromNib()
10        // Initialization code
11    }
12}
13