ios - 带有图像和文本字段的自动布局表格单元格？

Question

我想做一个带有照片的表格 View 单元格，并使用自动布局环绕文本。我已经对自动布局进行了很多管理，但我对如何执行此操作一头雾水。

┌─────────────────────────────────────────────────────┐
│ ┌──────────┐ ┌────────────────────────────────────┐ │
│ │          │ │ Title (might wrap)                 │ │
│ │          │ └────────────────────────────────────┘ │
│ │  Photo   │ ┌────────────────────────────────────┐ │
│ │          │ │ Body text. May wrap, may contain   │ │
│ │          │ │ multiple lines.                    │ │
│ │          │ └────────────────────────────────────┘ │
│ └──────────┘                                        │
└─────────────────────────────────────────────────────┘

随着文本的扩展，我想将照片保留在左上角并扩展单元格。但是，单元格绝不能缩小到显示照片(带边距)所需的最小值以下。

┌─────────────────────────────────────────────────────┐
│ ┌──────────┐ ┌────────────────────────────────────┐ │
│ │          │ │ 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.              │ │
│              └────────────────────────────────────┘ │
└─────────────────────────────────────────────────────┘

我需要 iOS 8 或更高版本。

我试过仅使用列出的三个 View 来执行此操作，还尝试将左侧项目和右侧项目放在两个 View 中。我尝试的每种组合似乎都忽略了照片的最小尺寸。

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

Answer 1

尝试建立以下关系:

照片:

• 宽度=X
• 高度=Y
• 左 = 单元格 + Z
• top = 单元格 + Z

标题:

• 左 = 照片 + Z
• 右 = 单元格 - Z
• 顶部 = 单元格 + Z

标签会根据内容自动计算高度

正文:

• 左 = 标题
• 右 = 标题
• 顶部 = 标题.底部 + Z

单元格:(这是重要的部分)

• Bottom >=(等于或大于)Body.Bottom + Z
• 底部 >= Photo.Bottom + Z

这将强制单元格始终高于图像 + 偏移量或高于标签 + 偏移量