KILabel を使うと UILabel が半分しか表示しない・・・

Question

前提

swiftでSNSのクローンアプリを初めて作成してます。

問題

** UIlabelの高さを自動で調整しつつ、KILabel を使うと UILabel が半分で切れる**

やりたいこと

UIlabelの高さを自動で調整しつつ、KILabel を使いたい　（途中で切れないように）

試したこと

試したこと	結果
高さの自動調整 だけ	機能する
KILabel だけ	機能する
KILabel と 高さの自動調整	ダメ

特に

tableView.estimatedRowHeight = 521
tableView.rowHeight = UITableViewAutomaticDimension

の２行とKILAbelを合わせると機能しなくなる

制約

開発環境

MacOS Mojave 10.14
Xcode 10.0
Swift 3.0

すみませんが、よろしくお願いします。

code

viewController

var post = Post()
var user = User()
    
@IBOutlet weak var tableView: UITableView!
override func viewDidLoad() {
        super.viewDidLoad()
        tableView.estimatedRowHeight = 521
        tableView.rowHeight = UITableViewAutomaticDimension
        tableView.separatorStyle = .none
        tableView.dataSource = self
    }

extension DetailViewController: UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "PostCell", for: indexPath) as! HomeTableViewCell
        cell.post = post
        cell.user = user
        cell.delegate = self
        return cell
    }
}

view (HomeTableViewCell)

@IBOutlet weak var captionLabel: KILabel!
    
    var post: Post? {
        didSet {
            updateView()
        }
    }
    
    func updateView() {
        captionLabel.numberOfLines = 0
        captionLabel.lineBreakMode = NSLineBreakMode.byWordWrapping
        captionLabel.sizeToFit()
        captionLabel.text = post?.caption
        captionLabel.hashtagLinkTapHandler = { label, string, range in
            let tag = String(string.dropFirst())
            self.delegate?.goToHashTag(tag: tag)
        }
        if let photoUrlString = post?.photoUrl {
            let photoUrl = URL(string: photoUrlString)
            postImageView.sd_setImage(with: photoUrl)
        }
    }

---

高さ制約を挿入したら解決しました

Answer 1

おそらくレイアウトが終わって高さが決定した後にテキストがattributedに変更されているのだと思います

もしcellForRowAtIndexPathでtextをセットしているなら、その後で強制的にレイアウトしてみてください

cell.label.text = "hoge"
cell.layoutIfNeeded()   // レイアウトしてしまう
return cell

Comments

[reeeeet]

ご回答ありがとうございます。
試してみたのですが、ダメでした。
コードが少し複雑なので、編集でコードを載せたいと思います。

[kosanai]

うーん。KILAbelを使用して分かる範囲で再現してみましたが、きちんとレイアウトされてしまいました。試しにKILAbelのみでCellを作ってみても同様の結果になりますか？もしLabel1個で問題なければ全体のレイアウトの問題かもしれません。

sizeToFit()が不要なのと、didSetでレイアウトや行数指定しているのを怪しいと思いましたが、私の手元ではきちんと動きました。

[reeeeet]

お返事ありがとうございます。
KILabelだけでも同じ結果でした。
丁寧な対応ありがとうございます。
ストーリボードを一回消して、0から作り直してみたいと思います。

[kosanai]

ちなみに問題なかったコードです
https://gist.github.com/osanaikoutarou/453aa5d4478a1ca9a464eb296cf60a1c

[reeeeet]

コードまでいただきありがとうございました。
大変参考になりました。
追加した写真のように、高さ制約を入れたら直りました。
高さ制約を入れなくても機能するはずだと思うのですが・・・
とにかく、kosanaiの協力のおかげでなんとかなりました。
ありがとうございました！

[kosanai]

高さ固定は、self-sizingをしないということなので意味合いが変わってきます
もちろん、高さのNSLayoutConstraintをプログラムから指定してあげることもできます
（テキストから高さを計算する　→　NSLayoutConstraintに自分で反映）

あと思いつくのは、LabelのContentCompressionResistancePriorityのVerticalを1000にしてみるくらいですね（他と競合してるならこれで解決する可能性があります）