ios - UITableView セルの動的な高さの問題 (Swift)

Question

可変長のテキストデータがテーブルビューのセルラベルに挿入されています。各セルの高さを適切なサイズにするために、次のように実装しましたviewDidLoad()。

self.tableView.estimatedRowHeight = 88.0
self.tableView.rowHeight = UITableViewAutomaticDimension

これは、高さを 88.0 ピクセルと推定し、それより大きい場合は高さを自動的にサイズ変更する必要があります。まだスクロールされていないセル (セルへUITableViewAutomaticDimentionのスクロール時に呼び出される) に対しては完全に機能しますが、テーブルにデータをロードするときに最初に画面上にレンダリングされるセルに対しては機能しません。

データの再読み込みを試みました (他の多くのリソースで提案されているように):

self.tableView.reloadData()

との両方viewDidAppear()でviewWillAppear()、それは役に立ちませんでした。私は迷っています..最初に画面にロードされたセルの動的な高さをレンダリングする方法を知っている人はいますか?

score 123 · Accepted Answer

これを試して：

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

編集

func tableView(tableView: UITableView, estimatedHeightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

スイフト4

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

スウィフト 4.2

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableView.automaticDimension
}

上記の両方のメソッドを定義します。
それは問題を解決します。

PS: これが機能するには、上下の制約が必要です。

ここに例があります

score 42 · Accepted Answer

これを使って：

tableView.rowHeight = UITableViewAutomaticDimension
tableView.estimatedRowHeight = 300

使用しない:heightForRowAtIndexPathデリゲート関数

また、ストーリーボードでは、大量のデータを含むラベルの高さを設定しないでください。top, bottom, leading, trailing制約を与えます。

score 11 · Accepted Answer

この奇妙なバグは、他の回答では問題が解決されなかったため、Interface Builder パラメーターによって解決されました。

私がしたことは、デフォルトのラベルサイズをコンテンツの潜在的なサイズよりも大きくし、estimatedRowHeight高さにも反映させることだけでした. 以前、Interface Builder でデフォルトの行の高さをに設定し、コントローラーに次88pxのように反映しました。viewDidLoad()

self.tableView.rowHeight = UITableViewAutomaticDimension
self.tableView.estimatedRowHeight = 88.0

しかし、それはうまくいきませんでした。だから私はコンテンツが多分より大きくならないことに気づいた100pxので、デフォルトのセルの高さを108px（潜在的なコンテンツよりも大きい）に設定し、コントローラにそのように反映しましたviewDidLoad()：

self.tableView.rowHeight = UITableViewAutomaticDimension
self.tableView.estimatedRowHeight = 108.0

これにより、コードは実際に初期ラベルを正しいサイズに縮小することができました。言い換えれば、サイズが大きくなることはありませんが、常に縮小する可能性があります...またself.tableView.reloadData()、viewWillAppear().

これは非常に可変性の高いコンテンツサイズには対応していないことはわかっていますが、コンテンツの最大文字数が制限されている状況ではうまくいきました。

これが Swift のバグなのか、Interface Builder のバグなのかはわかりませんが、魅力的に機能します。試してみる！

score 10 · Accepted Answer

行の高さと推定行の高さの自動寸法を設定し、次の手順を確認します。

@IBOutlet weak var table: UITableView!

override func viewDidLoad() {
    super.viewDidLoad()

    // Set automatic dimensions for row height
    // Swift 4.2 onwards
    table.rowHeight = UITableView.automaticDimension
    table.estimatedRowHeight = UITableView.automaticDimension


    // Swift 4.1 and below
    table.rowHeight = UITableViewAutomaticDimension
    table.estimatedRowHeight = UITableViewAutomaticDimension

}



// UITableViewAutomaticDimension calculates height of label contents/text
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    // Swift 4.2 onwards
    return UITableView.automaticDimension

    // Swift 4.1 and below
    return UITableViewAutomaticDimension
}

例: UITableviewCell にラベルがある場合、

行数を 0 に設定 (& 改行モード = 末尾を切り捨て)
そのスーパービュー/セルコンテナーに関して、すべての制約 (上、下、右左) を設定します。
オプション: データがなくても、ラベルで覆われる最小の垂直領域が必要な場合は、ラベルの最小の高さを設定します。

これは、動的な高さの制約を持つサンプルラベルです。

ここに画像の説明を入力

score 7 · Accepted Answer

UITableView の動的サイズ変更セルには 2 つのことが必要でした

テーブルビューセル内のビューに適切な制約を設定する (ほとんどの場合、ビューに適切な top 、 bottom 、および traling 制約を与えることが含まれます)

viewDidLoad() で TableView のこれらのプロパティを呼び出す

 tableView.rowHeight = UITableViewAutomaticDimension

 tableView.estimatedRowHeight = 140

これは、swift 3 で書かれたセルフサイジング (動的テーブルビューセル) に関する素晴らしいチュートリアルです。

score 2 · Accepted Answer

私の場合-ストーリーボードには、下の画像のように2つのラベルがあり、両方のラベルは、等しくする前に希望の幅の値が設定されていました。選択を解除すると、自動に変わります。いつものように、以下のものが魅力のように機能するはずです。

1.rowHeight = UITableView.automaticDimension, and
2.estimatedRowHeight = 100(In my case).
3.make sure label number of lines is zero.

score 2 · Accepted Answer

これは、次の 2 つのことを行う場合は簡単です。

自動高さの設定

tableView.rowHeight = UITableView.automaticDimension

上から下までFULL制約を持つすべての TableViewCells を作成します。最後の要素は、セルを終了するために下部のスペースを定義する必要があります。

したがって、レイアウトエンジンはセルの高さを計算し、値を正しく適用できます。

score 1 · Accepted Answer

私はあなたの解決策に触発され、別の方法を試しました。

tableView.reloadData()に追加してみてくださいviewDidAppear()。

これは私にとってはうまくいきます。

スクロールの背後にあるものはreloadDataと「同じ」だと思います。画面をスクロールすると、reloadData()whenを呼び出すようなものviewDidAppearです。

これが機能する場合は、この回答に返信してください。この解決策を確認できます。

score 0 · Accepted Answer

私も最初にこの問題を抱えていました。このコードから問題を解決self.tableView.reloadData()しました。動的な高さのためにこのコードの代わりにを使用しないようにしてください。

[self.tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationFade];

score 0 · Accepted Answer

セルビュー/ビューの各オブジェクトに対してTOP、BOTTOM、およびHEIGHTのすべての制約を設定し、存在する場合は中央の Y位置を削除する必要があります。これをしなかった場所では、アーティファクトを別のビューに配置するためです。

ios - UITableView セルの動的な高さの問題 (Swift)

25 に答える 25

Related

Reference