TableView内にCollectionViewを設置する上での疑問点

現在
【Swift】TableViewとCollectionViewでよく見るUIを再現してみる]こちらを参考にして

上記のような物を作りました。
大きさやLabelの追加以外のコードはリンク先の物と一緒です。

疑問点

TableViewのnumberOfRowsInSectionを4つにしているのですが
各rowのImage,Labelをそれぞれ変更したいです。

現在XibとともにCollectionViewCellを設定していて、
CollectionViewCell内で4つの関数でImage,Labelそれぞれ持たせています。

それらを例えばtableViewのindexPath.rowが0の時
CollectionViewCellの関数を呼び出して4つの条件分岐する事は可能ですか？
こちらは明らかに不可能な気がするのですが、書き方次第で出来る可能性があれば教えてもらいたいです。

それかTableViewCellの中にCollectionViewの複数のセルをそれぞれの大きさ、Image等を持たせて
各セルで条件分岐した方が良いですか？

行動規範の内容に同意します

回答1件

ベストアンサー

Swift
1    func setCollectionViewDataSourceDelegate
2        <D: UICollectionViewDataSource & UICollectionViewDelegate>
3        (dataSourceDelegate: D, forRow row: Int) {

というメソッドを定義してありながら、row の値を全く活用していないので、これをうまく活用すればいいのではないでしょうか。

そもそも、参考にされた記事のメソッドでは、row を渡しているにもかかわらず全く使っていないのがちょっと不思議ではあるのですが...

Swift
1class ContentsTableViewCell: UITableViewCell {
2    // 略
3
4    // 追加
5    var rowInTableViewCell: Int?
6
7    // 中略
8    
9    func setCollectionViewDataSourceDelegate
10        <D: UICollectionViewDataSource & UICollectionViewDelegate>
11        (dataSourceDelegate: D, forRow row: Int) {
12
13        contentsCollectionView.delegate = dataSourceDelegate
14        contentsCollectionView.dataSource = dataSourceDelegate
15        
16        // ここで row を保存しておく
17        rowInTableViewCell = row
18        
19        contentsCollectionView.reloadData()
20    }
21}

という具合に、各 TableViewCell で該当する行番号（indexPath.rowの値）をセットしておき、

extension ViewController: UITableViewDelegate, UITableViewDataSource {
    // 略

    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // SF Symbol の制限もあるので 5 に変更
        return 5
    }

    // 略

    // いらないので削除する
//    func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
//
//       guard let cell = cell as? ContentsTableViewCell else { return }
//        cell.setCollectionViewDataSourceDelegate(dataSourceDelegate: self, forRow: indexPath.section)
//    }

    // わかりやすいようにラベルに値をつける
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "ContentsTableViewCell", for: indexPath) as! ContentsTableViewCell
        cell.setCollectionViewDataSourceDelegate(dataSourceDelegate: self, forRow: indexPath.row)
        
        // ラベルの設定
        cell.titleLabel.text = "(indexPath.row) 行目のデータ"
        
        // ここで reloadData() する必要はないので削除する
        //cell.contentsCollectionView.reloadData()

        return cell
    }
    // 後略
}

といった具合で余分なメソッドを削除し、いくつかの処理を変更した上、

Swift
1extension ViewController: UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
2    // 略
3
4    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
5        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "ContentsCollectionViewCell", for: indexPath) as! ContentsCollectionViewCell
6        
7        // CollectionView の親の親（は TableView になる）を得たあと、
8        // ContentsTableViewCell の rowInTableViewCell の値を得る
9        if let tableViewCell = collectionView.superview?.superview as? ContentsTableViewCell,
10           let rowInTableViewCell = tableViewCell.rowInTableViewCell {
11            
12            // iOS 13 以降で使える SF Symbol の名前を作る
13            let iconName = "(rowInTableViewCell)(indexPath.row).circle"
14            
15            // 該当する CollectionView に画像を表示する
16            cell.contentsImageView.image = UIImage(systemName: iconName)
17        }
18        
19        return cell
20    }
21    
22    // 略
23}