swiftのcollectionviewcellの高さを可変にしたい

Question

添付ファイルのようなcollectionviewを作成したいと考えています。
section0の最下部に存在するlabelを可変にして、section0のcell（１つ）を内容に応じて高さを可変にしたいです。
section0とsection1のcellサイズは異なります。
section0のcellのwidthはview.frame.sizeで固定。section1のcellのwidthはview.frame.size/2です。

高さ可変の部分のだけわかりません。

よろしくお願いいたします。

Comments

[TsukubaDepot]

StackOverflow で見つけたのですが、
CollectionView - Different number of columns in each section
https://stackoverflow.com/questions/49016879/collectionview-different-number-of-columns-in-each-section

が参考になったりしないでしょうか。

[roge]

調べていただきありがとうございます。
添付ファイルのようなview(リンクにあるようなvlew)は実装できており、あとはcellの中身のlabelの高さに応じてcellサイズを動的に変更できるようにしたいと考えております。よろしくお願い致します。

[退会済みユーザー]

要件わからないのであれですが、section0のセルは1つしかなくて、縦方向のスクロール限定だと、headerに見える。

[TsukubaDepot]

rogeさん:
labelの高さが動的に変化するようなケースが思いつかないのですが、どのような状況を考えてらっしゃるのでしょうか。
既にコードを作られているの出れば、コードを提示された上、できない部分を明確にされた方が良いかと思います。

tyobigorouさん:
たしかに、そういう考え方もありますね。スマートな方法かもしれません。

[退会済みユーザー]

高さ変えるのは、調べれば出てきます。
https://teratail.com/questions/47713
これは古いので、引数の表記がかわってるかな？
ま、そんな感じで

[roge]

tyobigorouさん
ありがとうございます。参考にさせていただきました。

Answer 1

ちゃんとAutolayoutできてるなら、高さに0を指定すればいけそうな気が。

【追記】

こちらで試してみたところ、UICollectionViewDelegateFlowLayout.sectionInsetのtopかbottomを0以外にするといけました。

@IBOutlet weak var collectionView: UICollectionView!
@IBOutlet weak var flowLayout: UICollectionViewFlowLayout!

override func viewDidLoad() {
    super.viewDidLoad()
    //SectionInsets
    flowLayout.sectionInset = UIEdgeInsets(top: 0, left: 0, bottom: .leastNormalMagnitude, right: 0)
}

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    switch indexPath.section {
    case 0:
        return CGSize(width: self.view.frame.width, height: 0)
    (以下略)
    }
}

Comments

[fuzzball]

TableViewで高さに0を指定すると、高さが0になるのではなく自動設定された記憶があるので、CollectionViewでも同じなんじゃないかなと。

[roge]

ありがとうございます。

[fuzzball]

ダメだったんでしょうか？Autolayout使ってない？

[roge]

私が確認した限りではできませんでした。
Autolayoutは使用していて、labelの上に存在するviewに上左右と高さの制約、labelには上下左右の制約をつけています。

[fuzzball]

出来るには出来たのですが、ちょっと裏技っぽくなってしまってイマイチです。
質問者さんの環境でもいけるかどうかわかりませんが‥。

[roge]

ありがとうございます！

Answer 2

section0内のlabelと同じwidth,fontのダミーlabelを設定し、ベースの高さ（ここでは228）に行数分の高さを加えました。
行数を取得するコードは以下のリンクを参考にさせていただきました。
Qiita[UILabelの行数を調べる方法]

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        if indexPath.section == 0 {
            let tmpLabel = UILabel(frame: CGRect(x:0, y:0, width: self.view.frame.width - 40, height: 0))
            tmpLabel.font = UIFont.systemFont(ofSize: 15.0)
            tmpLabel.numberOfLines = 0
            tmpLabel.text = myself_info.count == 1 ? myself_info[0].intro : ""
            tmpLabel.sizeToFit()
            let line_count = CGFloat(tmpLabel.lineNumber())
            return CGSize(width: self.view.frame.width, height: 228 + 18 * (line_count - 1))
        } else {
            // section1のレイアウト
        }
    }