UITableViewで動的なラベルの幅で自動ヘッダーの高さを管理する

Question

動的な高さのUITableViewヘッダーを作成したいとします。ビューには4つのラベルがあり、ヘッダの高さはそれぞれのUILabelsの内容に従って調整する必要があります。私はこのイメージに似た何かを達成したい。 Sample image.

ここで、ラベルの幅は画面サイズに応じて動的になります。 「タイプ」ラベルは画面の約2/3をカバーし、残りは3つのラベル間で等しく分割されます。ここでは、画面サイズに応じてラベルが複数行になる可能性があり、ラベルの内容に従ってメインビューの高さを管理したいと考えています。

ラベルに固定幅の制約を付けると、高さを管理することに成功しましたが、ラベルの幅を動的に保ちたいと思います。これはUITableViewヘッダーです。どんな助けでも大歓迎です。

Answer 1

このようなヘッダーとデザインのためにtableViewCellと同様にcustomCellを作成します。デザインがどのように行われるか

：

SMS電子メールやプッシュ通知をstackViewにカプセル化され、それがタイプラベルを自動レイアウトとなっています。

これは階層です。

そして、これはタイプのレイアウト設計（2/3）自分で正確に.Calculateです。

これはstackViewためです。

両方がスーパーでオートレイアウト（すなわち細胞である）

StackViewれる：

とタイプラベル用。

あなたのtableViewのheaderViewとしてこのセルを挿入します。

どのようにですか？ viewDidLoadで

：

tableView.register(UINib.init(nibName: String(describing: TableHeader.self), bundle: nil), forCellReuseIdentifier: "headerCell") 

あなたrespectivewビューコントローラでは、この2つの機能を追加します。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
    let cell = tableView.dequeueReusableCell(withIdentifier: "headerCell") as! TableHeader 
    return cell 
} 

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { 
    return 58 
} 

そして、ここで出力されます：iOSの8のために

：

StackViewが存在しないので、我々は自動レイアウトを説明するのUIView instead.Asを使用する必要は注意が必要ですだから私はちょうど理解しやすい私のプロジェクトを共有しました。あなたはチェックアウト可能ですhere

スタックビューを使用しない場合の出力は、以下のとおりです。

2ビューが取得されます。より理解を深めるために色を付けました。