在iOS表格中显示响应式图像和标签

Question

我是iOS的新手，我还不确定100％的约束如何工作。

我有一个包含3个配置文件的表格。

您会看到Andrew显示为an...

这是我当前的约束设置

如何在完整中显示名称？

Answer 1

要完全显示它，请消除您赋予它的任何宽度限制，因为它的内容默认是内在的，如果宽度超过屏幕宽度，则将其包裹起来

img - 10 - lbl - 10   // set .lines =  0 && remove height constraint 

Answer 2

UILabel可以计算其自身的高度和宽度，因此，您不必限制它，而是可以定义其较大区域的边界，因此它不会扩展超出可见区域的边界（可选）

使用自动布局对UITableViewCell进行布局时，您打算提供从单元格顶部到底部的约束。这为自动布局提供了根据单元格内容动态调整其大小的功能。

在此示例中，我将UIImageView限制在顶部和底部页边距（常数为0），但是，我也限制了{{1}的宽度}到UIImageView并添加了50的宽高比。这样的效果是使单元格高66点，因为自动布局不会尝试调整图像的大小，而是会调整单元格的大小以匹配。

图像视图的前缘也限制了前缘

标签的垂直居中位置为图像视图，水平间距约束为1:1。 （可选）您也可以将标签的后沿约束到后沿。如果还将8的{​​{1}}属性设置为UILabel，这将提供一定级别的自动换行。

这基本上定义了lines和0的x / y位置，并且在UIImageView的情况下，它也是宽度和高度，从而允许自动布局功能来计算单元格的大小（至少在这种情况下，是所需的高度-假设您已将UILabel设置为使用UIImageView s）

您可能会发现Self-sizing Table View Cells有趣的内容

* nb：这只是完成结果的一种方法，并假设标签永远不会比UITableView

高