Swift3：UITableViewCellの内容に合わせてheightを変更する方法｜プログラミング初心者のプロへの道

UITableViewCellのheightを変更する方法を調べたのでメモ。

Contents

1 なぜheightを変更する必要があるのか？
2 heightを動的に変更する方法

なぜheightを変更する必要があるのか？

twitterを例に考えてみましょう。

タイムラインですね。

行数がどれくらいか？

画像があるのか？

それらの条件でcellの高さを変更したいですよね。フィットさせたいですよね。

heightを動的に変更する方法

まず大切なことは３つあります。

Autolayout
estimatedRowHeight
rowHeight

これらです。

①Autolayout

Storyboardを開きましょう。

UITableViewまたはUITableViewControllerを準備してある前提で進めます。

UITableView,UITableVeiwControllerをご存じない方は、

こちらをご参考にしてください。

swift3：超初心者向け！UITableViewControllerの使い方（１）

swift3：初心者向け！UITableViewの使い方：delegate・datasourceについて

それでは進めていきます。

CellにUILabelを配置する。この時しっかりとCellの中にUILabelを配置する必要がある。
UILabelにAutolayoutを設定。左右１０、上下５に指定。
attributes inspectorにてLinesを０に設定。（デフォルトでは１になっているはずです）
最後にupdate framesをする。

①の理由

Autolayoutで失敗するから。

②の理由

数字は正直適当。

UILabelにAutolayoutを設定することで、どのような大きさのcellにも対応できるようになった。

これは逆に考えると、UILabelが大きくなったらcellも大きくなるということになる。今回のミソである。

③の理由

今回、UILabelに入れる文字列は１行ではなく、複数に渡る。cellのheightの変化を見たいからだ。

Linesを１に設定していると１行しか表示できない。

０に設定するとなぜか、複数行とりあつかうことができる。

これで第一段階終了です。

estimatedRowHeight

tableView.estimatedRowHeight = 40

1	tableView.estimatedRowHeight = 40

これは初期段階のcellの高さを設定します。

正直なぜこれが必要なのかわからないが、これがないと動かないんですよね。

今回は４０に設定しました。

rowHeight = UITableViewAutomaticDimension

tableView.rowHeight = UITableViewAutomaticDimension

1	tableView.rowHeight = UITableViewAutomaticDimension

このように指定する。

これによって各cellが別々のheightを持つことができるようになる。

cellの大きさをAutomaticに変化させることができる。

最終的なコード

import UIKit

class TableViewController: UITableViewController {
    
    let languages = ["Swift\nSwift\nSwift","Ruby","PHP","C","Java"]

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.rowHeight = UITableViewAutomaticDimension
        tableView.estimatedRowHeight = 40

      
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }


    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return languages.count
    }

    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! TableViewCell
        cell.label.text = languages[indexPath.row]


        return cell
    }
 

   
}