UITableViewCellの動的UILabelの高さを尊重するようにUIImageViewの高さを制限する

willbattel

1つのタイプのカスタムUITableViewCellで満たされたUITableViewがあります。各セルには、以下に示すように、タイトル(UILabel)、サブタイトル(UILabel)、およびサムネイル(UIImageView)が含まれています。

プロトタイプセルビジュアル

3つのサブビューすべての幅は固定されていますが、高さが固定されているのは字幕ラベルのみです。タイトルラベルの高さは、テキストの量に応じて動的です。numberOfLinesこれを反映するために、タイトルラベルを0に設定しました。

私の目的:セルの高さは、タイトルラベルの高さによって決定する必要があります。つまり、セルの高さは、2つのラベルの高さと3つの垂直方向のパディングギャップの合計である必要があります。画像の高さは、結果として得られるセルの高さに設定する必要があります。

私の現在の実装:次の自動レイアウト制約を設定しました:

  • サムネイルは、上部、左側、下部のスーパービューに固定されています
  • サムネイルの幅は、スーパービューの幅に0.2の倍数で比例します。
  • サムネイルは、右側がタイトルとサブタイトルに固定されています(末尾のスペース= 8)
  • タイトルは右上のスーパービューに固定されています(末尾のスペース= 8)
  • タイトルはその下部が字幕に固定されています(末尾のスペース= 8)
  • タイトルの高さが24以上
  • 字幕は左右のスーパービューに固定されています(末尾のスペース= 8)
  • 字幕の高さが20に等しい

さらに:

  • タイトルnumberOfLines= 0
  • サムネイルcontentMode=アスペクトフィル
  • サムネイルclipToBounds= true

問題:画像の高さがラベルの高さを尊重しないため、セルの高さが画像の高さに設定され、タイトルラベルが垂直方向に引き伸ばされます。これは私が使用した制約を考えると理解できますが、私が望んでいることではありません。

私の質問:セルの高さをUIImageViewの高さで尊重するのではなく、セルの高さ(動的なラベルの高さで決定)を尊重するようにUIImageViewの高さを制限するにはどうすればよいですか?

私の環境

  • Xcode 10
  • iOS 11&12
  • Swift 4.2
アントンフィリモノフ

設定してみてくださいthumbnail垂直compression resistanceより低いtitle垂直hugging priorityコードでは、次のようになります。

    thumbnail.setContentCompressionResistancePriority(.defaultLow, for: .vertical)
    titleLabel.setContentHuggingPriority(.required, for: .vertical)

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

divの高さを画像の高さに制限する

分類Dev

UICollectionViewの高さをコンテンツの高さに一致するように制限します

分類Dev

AlertDialogの高さを制限する方法

分類Dev

GtkTreeViewの高さを制限する

分類Dev

InterfaceBuilderでUIViewの高さを制限しないようにする方法

分類Dev

InterfaceBuilderでUIViewの高さを制限しないようにする方法

分類Dev

子divの高さを親コンテナの高さに制限する

分類Dev

UITableViewCellの幅に比例するUIImageViewの高さを設定します

分類Dev

contentViewの高さをUITableViewCellの高さに調整するにはどうすればよいですか?

分類Dev

UILabelの高さを動的に計算する方法は?

分類Dev

スクロールからの高さを動的に制限する

分類Dev

AmCharts 4XYChartの列の最大幅/高さを制限するにはどうすればよいですか

分類Dev

UILabelの高さを取得するにはどうすればよいですか?

分類Dev

UILabelの高さを動的に計算するにはどうすればよいですか

分類Dev

Objective cでUILabelの高さを動的に設定するにはどうすればよいですか?

分類Dev

変化する制約と動的なUITableviewCellの高さを修正するにはどうすればよいですか?

分類Dev

モーダルの高さを制限するにはどうすればよいですか?

分類Dev

HTMLページの高さと幅を制限するにはどうすればよいですか?

分類Dev

最大divの高さでリストを制限するにはどうすればよいですか?

分類Dev

UIlabelの高さを設定する

分類Dev

UIImageViewを使用したUILabelの動的高さ一定の高さ

分類Dev

UIImageViewの高さがスーパービューの高さと等しくなるように自動レイアウト制約を設定するにはどうすればよいですか?

分類Dev

matplotlibでy軸の高さをどのように制限しますか?

分類Dev

親の高さが固定されていない場合、子要素を親の高さに制限する

分類Dev

AutoresizingMaskの高さのストレッチを制限する

分類Dev

material-ui:AppBar:画像の高さをAppBarの高さに制限するための戦略?

分類Dev

ドロップダウンの最大高さをjQueryの画面の高さに制限する

分類Dev

行数に応じてグリッドの高さを変更できるようにする(自動高さ)

分類Dev

コンテナを一方の列の高さに依存させ、もう一方を制限するにはどうすればよいですか?

Related 関連記事

  1. 1

    divの高さを画像の高さに制限する

  2. 2

    UICollectionViewの高さをコンテンツの高さに一致するように制限します

  3. 3

    AlertDialogの高さを制限する方法

  4. 4

    GtkTreeViewの高さを制限する

  5. 5

    InterfaceBuilderでUIViewの高さを制限しないようにする方法

  6. 6

    InterfaceBuilderでUIViewの高さを制限しないようにする方法

  7. 7

    子divの高さを親コンテナの高さに制限する

  8. 8

    UITableViewCellの幅に比例するUIImageViewの高さを設定します

  9. 9

    contentViewの高さをUITableViewCellの高さに調整するにはどうすればよいですか?

  10. 10

    UILabelの高さを動的に計算する方法は?

  11. 11

    スクロールからの高さを動的に制限する

  12. 12

    AmCharts 4XYChartの列の最大幅/高さを制限するにはどうすればよいですか

  13. 13

    UILabelの高さを取得するにはどうすればよいですか?

  14. 14

    UILabelの高さを動的に計算するにはどうすればよいですか

  15. 15

    Objective cでUILabelの高さを動的に設定するにはどうすればよいですか?

  16. 16

    変化する制約と動的なUITableviewCellの高さを修正するにはどうすればよいですか?

  17. 17

    モーダルの高さを制限するにはどうすればよいですか?

  18. 18

    HTMLページの高さと幅を制限するにはどうすればよいですか?

  19. 19

    最大divの高さでリストを制限するにはどうすればよいですか?

  20. 20

    UIlabelの高さを設定する

  21. 21

    UIImageViewを使用したUILabelの動的高さ一定の高さ

  22. 22

    UIImageViewの高さがスーパービューの高さと等しくなるように自動レイアウト制約を設定するにはどうすればよいですか?

  23. 23

    matplotlibでy軸の高さをどのように制限しますか?

  24. 24

    親の高さが固定されていない場合、子要素を親の高さに制限する

  25. 25

    AutoresizingMaskの高さのストレッチを制限する

  26. 26

    material-ui:AppBar:画像の高さをAppBarの高さに制限するための戦略?

  27. 27

    ドロップダウンの最大高さをjQueryの画面の高さに制限する

  28. 28

    行数に応じてグリッドの高さを変更できるようにする(自動高さ)

  29. 29

    コンテナを一方の列の高さに依存させ、もう一方を制限するにはどうすればよいですか?

ホットタグ

アーカイブ