Ios 具有图像和文本字段的自动布局表格单元格?

Ios 具有图像和文本字段的自动布局表格单元格?,ios,uitableview,autolayout,Ios,Uitableview,Autolayout,我想做一个表格视图单元与照片和包装与自动布局文本。我在自动布局方面做了很多工作,但我不知道该怎么做 ┌─────────────────────────────────────────────────────┐ │ ┌──────────┐ ┌────────────────────────────────────┐ │ │ │ │ │ Title (might wrap) │ │ │ │ │ └────────────────

我想做一个表格视图单元与照片和包装与自动布局文本。我在自动布局方面做了很多工作,但我不知道该怎么做

┌─────────────────────────────────────────────────────┐
│ ┌──────────┐ ┌────────────────────────────────────┐ │
│ │          │ │ Title (might wrap)                 │ │
│ │          │ └────────────────────────────────────┘ │
│ │  Photo   │ ┌────────────────────────────────────┐ │
│ │          │ │ Body text. May wrap, may contain   │ │
│ │          │ │ multiple lines.                    │ │
│ │          │ └────────────────────────────────────┘ │
│ └──────────┘                                        │
└─────────────────────────────────────────────────────┘
当文本展开时,我想将照片保留在左上角并展开单元格。但是,单元格的收缩量不得低于显示照片所需的最小值(带边距)

我需要iOS 8或更高版本

我试着只使用列出的三个视图,并将左项和右项放在两个视图中。我尝试的每个组合似乎都忽略了照片的最小尺寸


(顺便说一句,对于任何好奇的人:通过Monodraw绘制图形。)

尝试以下关系:

照片:

  • 宽度=X
  • 高度=Y
  • 左=单元格+Z
  • 顶部=单元格+Z
标题:

  • 左=照片+Z
  • 右=单元格-Z
  • 顶部=单元格+Z
标签将根据内容自动计算高度

正文:

  • 左=标题
  • 右=标题
  • 顶部=标题。底部+Z
单元格:(这是重要部分)

  • 底部>=(等于或大于)主体。底部+Z
  • 底部>=照片。底部+Z

这将迫使单元格始终高于图像+偏移或高于标签+偏移

是否确保TableView的行高为
UITableViewAutomaticDimension
。您是否将estimatedRowHeight设置为大于平均图像视图高度的值?请投票支持ASCII艺术;)有没有人愿意为这个解决方案发布代码或项目?我有一个类似的布局,它大部分工作,除了我不能得到标题完全包装。。。它似乎在任意数量的字符后用椭圆截断。“Lines”是0,“Line Break”是“Word Wrap”。我已经试过了,但照片并没有将单元格缩小到最小大小。我会在一小时内上传一个要点。没关系,你是对的。不知何故,我在那里有一个额外的限制,这是弄脏了它。谢谢。这让我发疯;看起来很简单!对于将来阅读本文的人来说,我发现的另一件事是
tableView:estimatedheightforrowatinexpath:
必须存在才能工作,尽管返回
uitableview automaticDimension
是可以的。(我的一个使用此视图控制器的目标将其排除。)
┌─────────────────────────────────────────────────────┐
│ ┌──────────┐ ┌────────────────────────────────────┐ │
│ │          │ │ Title (might wrap)                 │ │
│ │          │ │ Maybe even to two lines.           │ │
│ │  Photo   │ └────────────────────────────────────┘ │
│ │          │ ┌────────────────────────────────────┐ │
│ │          │ │ Body text. May wrap, may contain   │ │
│ │          │ │ multiple lines.                    │ │
│ └──────────┘ │                                    │ │
│              │ Text could require more vertical   │ │
│              │ space than the photo.              │ │
│              └────────────────────────────────────┘ │
└─────────────────────────────────────────────────────┘