1

TableViewのセルの大きさをコンテンツの内容に応じて変えたいのですが、どうすればいいのかが分かりません。例えば以下のようなTableViewのセルがあるとします。

画像の説明をここに入力

このセルの一番上にあるTextViewの行が増えたり減ったりすることに応じてセルの高さを変えたいです。これを実現するにはAutoLayoutだけで可能でしょうか?
また、TextViewの下にある画像は表示するかしないかが選択でき、画像を表示しない場合だとImageViewがなくなった分だけセルの高さを縮めるといったことも行いたいです。
以上のことを行うにはどうすればいいでしょうか?
自分でAutoLayoutを設定したりしたものの、セルの高さがずっと変わりません。
どなたか分かる方がいれば教えていただきたいです。
すみませんが、宜しくお願いします。

---追記---

iOSのバージョンは9.0.1、Xcodeのバージョンは7.0.1で、Storyboardを使っています。

2
  • 1
    この問題はターゲットにしてるiOSのバージョンとストーリーボードを使うかで手法が変わるからそれをはっきりしたほうがいいぞ
    – user10678
    Commented 2015年10月5日 18:03
  • ご回答ありがとうございます。本文に追記しました。
    – tarofess
    Commented 2015年10月6日 0:54

2 件の回答 2

1

(CGFloat)tableView:heightForRowAtIndexPath
読んで字のごとく、各行の高さを決めるメソッド。
tableView:cellForRowAtIndexPath: よりも先に呼び出される。

http://qiita.com/kotaroito/items/8bd2f10833e07f7a5809

コードをここに入力- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
// 表示したい文字列
NSString     *text = _objects[indexPath.row];
// 表示最大幅・高さ
CGSize     maxSize = CGSizeMake(200, CGFLOAT_MAX);
// 表示するフォントサイズ
NSDictionary *attr = @{NSFontAttributeName: [UIFont boldSystemFontOfSize:17.0]};

// 以上踏まえた上で、表示に必要なサイズ
CGSize modifiedSize = [text boundingRectWithSize:maxSize
                                         options:NSStringDrawingUsesLineFragmentOrigin
                                      attributes:attr
                                         context:nil
                       ].size;

// 上下10pxずつの余白を加えたものと70pxのうち、大きい方を返す
return MAX(modifiedSize.height + 20, 70);}
1

おそらくTextViewはスクロールさせないだろうという前提です。

Storyboardでは
- TextViewには高さのConstraintは設定しない。上下左右のConstraintは設定する。
- TextViewのScrolling Enabledはオフにする。
- ImageViewには高さのConstraintを設定して、カスタムセルにIBOutletプロパティとして持たせる。

コードでは
- viewDidLoaded()あたりでrowHeightとestimatedRowHeightをテーブルに設定する。estimatedRowHeightはご自身のセルに合わせてだいたいの値を設定する。

self.tableView.rowHeight = UITableViewAutomaticDimension;
self.tableView.estimatedRowHeight = 100.0;
  • 画像を表示しない場合はtableView(tableView:cellForRowAtIndexPath:)でStoryboardで設定したImageViewの高さConstraintに0.0を設定する。

以上でAutoLayoutのみでTextViewの高さが自動的に変わり、ImageViewが必要ない場合にその分セルの高さが小さくなると思います。

もしTextViewをスクロール可能な状態で高さを制限したい場合は、UITextViewのサブクラスでintrinsicContentSizeをオーバーライドすることになるはずです。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。