【Swift5】Storyboadで設定したUITableViewのヘッダの高さを自動調節したい。

Question

Storyboadで、UITableViewの最上段にUIViewを使ってヘッダを作成しました。ヘッダには、UILabelでテキストを表示しています。
ヘッダの下には、TableViewCellを配置しています。

ヘッダのUILabelのフォントサイズの変更に合わせて、ヘッダの高さを自動調節したいと考えていますが、AutoLayoutを設定できず、高さを自動調節できない状態です。

UITableViewでヘッダ内のテキストに合わせて、ヘッダの高さを自動調節する方法があればご教示いただきたく思います。

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

Comments

[thyda.eiqau]

ラベルにテキストをセットしたあとにsizeToFitしてやるとか、幅とフォントがわかっているなら高さを計算してframeにセットしてやるとか、やりようはあると思いますが、試したこととどううまく動かないかをご提示されたほうがよいと思います。

[Masa_teratail]

ご指摘ありがとうございました。質問の不備、失礼いたしました。

1）フォントサイズについて
今回、アクセシビリティに配慮し、フォントにDynamic Typeを使用しています。
そのため、iOSの環境によりフォントサイズが変わるため、使用環境のフォントサイズに合わせてUITableViewのヘッダの高さが自動調節されるようにしたいと考えています。

2）試したこと
StoryboardでAutoLayoutを設定しました。
UILabel単独の場合、AutoLayoutがうまく機能し、Dynamic Typeのフォントサイズに合わせてUILabelのサイズが自動調整されます。
しかし、今回のようにUITableViewのヘッダとしてUIViewを配置し、その中にUILabelを置くとヘッダの高さが自動調整されません。
原因は、ヘッダとして配置しているUIViewの高さが不変なためだと思います。
UIViewにもAutoLayoutを設定できればいいのですが、Add new constraintsを確認しても選択不可のため設定することができない状態です。

以上、
よろしくお願いいたします。

[退会済みユーザー]

どのような方法でヘッダとして設置しているかを掲示していただけないでしょうか？
参考にされたページのurlでも結構です

[Masa_teratail]

ご質問いただき、ありがとうございます。また、質問内容の記述が不十分で失礼しました。

ヘッダは、StoryBoard上でTableViewと一番目のCellの間にUIViewをドラッグ&ドロップすることでセットしています。
今回はセットしたヘッダ内（UIView内）にUILabelを設置しています。

以下のサイトのコメント欄を参考にさせていただきました。
https://qiita.com/nakamurau1@github/items/301b69522c32254617ad

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

Answer 1

1）ウェブで見つけた以下のコードでヘッダを設定し、UILabelを組み合わせて実装してみましたが、やはり高さの自動調整は機能しませんでした。なお、cellのStyleをBasicとし、そのままテキストを挿入した場合も自動調整は機能しませんでした。

        let headerCell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "TableHeaderCell")!
        let headerView: UIView = headerCell.contentView
        tableView.tableHeaderView = headerView

2）結論として、自分の必要としていたヘッダは、スクロール時の上部固定を必要としていなかったため、以下のコードでUITableViewの1行目をヘッダにする形で対応しました。
なお、UILabelを設置するとクラッシュしたため、cellのStyleをBasicとし、そのままテキストを挿入しました。

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {        
        if indexPath.row == 0 {            
            let cell = tableView.dequeueReusableCell(withIdentifier: "HeaderCell", for: indexPath as IndexPath)                        
            return cell            
        }

以下省略

たぶん姑息な方法だとは思いますが、御礼を兼ねて、結果をご報告させていただきます。

Answer 2

1）ウェブで見つけた以下のコードでヘッダを設定し、UILabelを組み合わせて実装してみましたが、やはり高さの自動調整は機能しませんでした。なお、cellのStyleをBasicとし、そのままテキストを挿入した場合も自動調整は機能しませんでした。

        let headerCell: UITableViewCell = tableView.dequeueReusableCell(withIdentifier: "TableHeaderCell")!
        let headerView: UIView = headerCell.contentView
        tableView.tableHeaderView = headerView

2）結論として、自分の必要としていたヘッダは、スクロール時の上部固定を必要としていなかったため、以下のコードでUITableViewの1行目をヘッダにする形で対応しました。
なお、UILabelを設置するとクラッシュしたため、cellのStyleをBasicとし、そのままテキストを挿入しました。

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        if indexPath.row == 0 {
            
            let cell = tableView.dequeueReusableCell(withIdentifier: "HeaderCell", for: indexPath as IndexPath)
                        
            return cell
            
        }

以下省略

たぶん姑息な解決方法だとは思いますが、御礼を兼ねて、結果をご報告させていただきます。

Comments

[Masa_teratail]

サーバエラーが表示されたため再度投稿しましたが、二重になってしまったようです。。

Answer 3

参考にされたURLのセクションヘッダーの追加方法は(自分の不勉強だと思いますが)初めてみました。
現状の方法でも設定が有効になるかもしれませんが、
通常の設定方法？であればヘッダーの想定高さが有効になると思いますのでそのへんを変更してみたらどうでしょうか？

ヘッダの設定方法は自分はこうやってますってサンプル

Comments

[Masa_teratail]

サンプルをご提示いただき、ありがとうございました。
コードでヘッダを設置してみたいと思います。

[Masa_teratail]

初学者で不勉強なため、.xibファイル等の取り扱いをきちんと理解できず、上手く使うことができませんでした。。。せっかくきれいなコードを例示いただいたのに、恐縮です。。。
私のスキルでもできそうな解決方法を試行錯誤したところ、下記の方法でひとまず自己解決しましたので、ご報告させていただきます。
どうもありがとうございました。