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