带图像和文本字段的Autolayout表格单元格？

Question

我正在寻找带有照片的表格视图单元格并使用自动布局包装文本.我已经通过自动布局管理了很多,但我对如何做到这一点感到茫然.

???????????????????????????????????????????????????????
? ???????????? ?????????????????????????????????????? ?
? ?          ? ? 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或更高版本.

我已尝试仅使用列出的三个视图执行此操作,并将左项和右项放在两个视图中.我尝试的每个组合似乎都忽略了照片的最小尺寸.

(顺便说一句,对于任何好奇的人:通过Monodraw的图片.)

Answer 1

尝试建立以下关系：

照片：

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

标题：

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

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

身体：

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

Cell：（这是重要部分）

• Bottom >=（等于或大于）Body.Bottom + Z
• 底部 >= 照片.底部 + Z

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