CollectionViewをStoryBoardを使わず表示したい

Question

CollectionViewをコードだけで表示したい

iOSアプリ開発初心者です。

現在、StoryBoardを使わずコードだけでアプリ開発を行っています。
アプリを開いた後、最初に表示されるViewControllerに、UICollectionViewを表示したいのですがアプリを開くとすぐにエラーが出てしまいます。

delegateもdatasourceもしっかりと設定し、layoutも設定済みです。
様々なサイトで調べましたが、解決策が未だ見つかっていません。
何卒、ご教授お願いいたします。

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

デリゲートファイルには以下のエラーが表示されています。

class AppDelegate: UIResponder, UIApplicationDelegate, GIDSignInDelegate {

アプリ展開後、最初に表示されるViewControllerには以下のエラーが出ています。

2019-07-15 17:25:54.960710+0900 Picker[945:209204] *** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: 'UICollectionView must be initialized with a non-nil layout parameter'
*** First throw call stack:
(0x19ff963a8 0x19f19bd00 0x19fe9bbe4 0x1ccb21e94 0x10263d93c 0x102633c30 0x10263b3f8 0x10263b670 0x10263d8d0 0x102636598 0x10263e618 0x10263e980 0x1cd25f574 0x1cd260d44 0x1cd266764 0x1ccaf8e4c 0x1ccb01828 0x1ccaf8ab4 0x1ccaf93d0 0x1ccaf7618 0x1ccaf72d4 0x1ccafc004 0x1ccafce5c 0x1ccafbeb8 0x1ccb00ea8 0x1cd264ca0 0x1cce47408 0x1a2957fd0 0x1a296231c 0x1a2961a6c 0x1058a4778 0x1058a833c 0x1a299518c 0x1a2994e08 0x1a2995404 0x19ff26444 0x19ff263c0 0x19ff25c7c 0x19ff20950 0x19ff20254 0x1a215fd8c 0x1cd2684c0 0x10264050c 0x19f9dcfd8)
libc++abi.dylib: terminating with uncaught exception of type NSException
(lldb) 

該当のソースコード

import UIKit
import Firebase

class HomeView: UIViewController, UITableViewDelegate, UITableViewDataSource, UICollectionViewDelegate, UICollectionViewDataSource {
    
    
    
    
    
    let ButtonTitle: [String] = ["Home","Account","Black Board","Schedule","Your Status","Option","Logout"]
    
    
    
    var menuTab: UIView = UIView()
    var MenuTable: UITableView = UITableView()
    var shadow: UIView = UIView()
    var InformationTable: UICollectionView = UICollectionView()
    
    
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return ButtonTitle.count
    }
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: NSStringFromClass(MenuTableCell.self), for: indexPath) as! MenuTableCell
        cell.myLabel.text = ButtonTitle[indexPath.row]
        return cell
    }
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        self.MenuTable.setContentOffset(CGPoint(x: 0, y: -(MenuTable.contentInset.top)), animated: true)
        let identifier: String = ButtonTitle[indexPath.row]
    }
    
    
    
    
    
    
    
    
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return ButtonTitle.count
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: NSStringFromClass(InformationTableCell.self), for: indexPath) as! InformationTableCell
        cell.backgroundColor = UIColor(red: CGFloat(drand48()),
                                       green: CGFloat(drand48()),
                                       blue: CGFloat(drand48()),
                                       alpha: 1.0)
        return cell
    }
    
    
    
    
    
    
    
    
    
    
    
    
    @objc func swipeLabel(_ sender: UISwipeGestureRecognizer) {
        switch(sender.direction){
        case UISwipeGestureRecognizer.Direction.right:
            UIView.animate(withDuration: 0.2, delay: 0.0, options: .curveEaseOut, animations: {
                self.shadow.alpha = 0.7
                self.menuTab.frame = CGRect(x: 0, y: ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!), width: (self.view.frame.width / 3) * 2, height: (self.view.frame.height - ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!)))
            }, completion: nil)
            break
        case UISwipeGestureRecognizer.Direction.left:
            if shadow.alpha > 0.5 {
                UIView.animate(withDuration: 0.2, delay: 0.0, options: .curveEaseOut, animations: {
                    self.shadow.alpha = 0
                    self.menuTab.frame = CGRect(x: -((self.view.frame.width / 3) * 2), y: ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!), width: (self.view.frame.width / 3) * 2, height: (self.view.frame.height - ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!)))
                }, completion: nil)
            } else {
                self.navigationController?.pushViewController(QRView(), animated: true)
            }
            break
        default: break
        }
    }
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        menuTab.frame = CGRect(x: -((self.view.frame.width / 3) * 2), y: ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!), width: (self.view.frame.width / 3) * 2, height: (self.view.frame.height - ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!)))
        MenuTable.frame = CGRect(x: 0, y: 0, width: self.menuTab.frame.width, height: self.menuTab.frame.height - 100)
        shadow.frame = CGRect(x: 0, y: ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!), width: self.view.frame.width, height: (self.view.frame.height - ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!)))
        InformationTable.frame = CGRect(x: 0, y: ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!), width: self.view.frame.width, height: (self.view.frame.height - ((self.navigationController?.navigationBar.frame.height)! + (self.navigationController?.navigationBar.frame.minY)!)))
        
        
        
        menuTab.backgroundColor = .white
        self.view.addSubview(menuTab)
        
        
        
        MenuTable.rowHeight = 70
        MenuTable.delegate = self
        MenuTable.dataSource  =  self
        MenuTable.isScrollEnabled = false
        MenuTable.separatorStyle = .none
        MenuTable.register(MenuTableCell.self, forCellReuseIdentifier: NSStringFromClass(MenuTableCell.self))
        self.menuTab.addSubview(MenuTable)
        
        
        
        shadow.backgroundColor = .black
        shadow.alpha = 0
        self.view.addSubview(shadow)
        
        
        let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
        layout.scrollDirection = .vertical
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0
        InformationTable.collectionViewLayout = layout
        InformationTable.backgroundColor = UIColor.white
        InformationTable.register(InformationTableCell.self, forCellWithReuseIdentifier: NSStringFromClass(InformationTableCell.self))
        InformationTable.delegate = self
        InformationTable.dataSource = self
        self.view.addSubview(InformationTable)
        
        
        self.title = "おかえりなさい"
        self.view.backgroundColor = UIColor.white
        self.navigationItem.rightBarButtonItem = UIBarButtonItem(image: UIImage(named: "1559712904534137-2"), style: .done, target: self, action: #selector(addTapped(_:)))
        self.navigationController?.navigationBar.tintColor = .black
        self.view.bringSubviewToFront(menuTab)
    }
}


class MenuTableCell: UITableViewCell {
    var myLabel: UILabel = UILabel()
    var separator: CALayer = CALayer()
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        myLabel.textColor = .black
        myLabel.textAlignment = .left
        myLabel.font = UIFont(name: "HiraginoSans-W3", size: 14)
        self.addSubview(myLabel)
        separator.backgroundColor = UIColor(red: 234/255, green: 234/255, blue: 234/255, alpha: 1).cgColor
        self.layer.addSublayer(separator)
    }
    override func prepareForReuse() {
        super.prepareForReuse()
    }
    override func layoutSubviews() {
        super.layoutSubviews()
        myLabel.frame = CGRect(x: 50, y: 0, width: self.frame.width, height: self.frame.height)
        separator.frame = CGRect(x: myLabel.frame.minY, y: myLabel.frame.minY, width: myLabel.frame.width, height: 1)
    }
}



final class InformationTableCell: UICollectionViewCell {
    
    override init(frame: CGRect) {
        super.init(frame: frame)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
}

試したこと

・ColletionViewのLayout設定
・Podファイルのアップデート

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

Xcode(Version 10.2.1 (10E1001))
基本はFirebaseによって生成されるxcworkspaceで作業しています。

Answer 1

reason: 'UICollectionView must be initialized with a non-nil layout parameter'

UICollectionViewは、nil以外のレイアウトパラメータで初期化する必要があります。とある通りなので初期化の方法を修正する必要があります。(下記サイトの layout のところに Must not be nil. と記載がある)

https://developer.apple.com/documentation/uikit/uicollectionview/1618053-init

修正するとしたら下記のようにするといいです。

var InformationTable: UICollectionView = UICollectionView()
↓
// 初期化せずに viewDidLoad の処理で十分
var InformationTable: UICollectionView!

Comments

[TakuyaAso]

蛇足ですが，プロパティは lower camel case の方が良いです。

[NaoSasaki]

TakuyaAso さん
ご回答ありがとうございます！貼っていただいたサイトと自身のプログラムを再度確認したところ、無事解決しました！本当にありがとうございます！

[TakuyaAso]

解決できて良かったです！