如何使用故事板为Tableview Cell设置2个标签和一个图像视图的约束？

Question

我是快速发展的新手。我一度陷入困境。我想并排添加2个标签和一个图像视图，如下图所示。我尝试了很多组合，但无法达到预期的效果。我甚至尝试将两个标签放在另一个容器视图中的一个容器视图和图像视图中，并将约束设置为它但没有成功。以下是我想要实现的输出。

任何帮助都将受到高度赞赏。

Answer 1

应用以下约束：

标签1：

标签2：

Imageview：

希望，这对你有帮助。

Answer 2

您可以使用水平堆栈视图。您可以在其中水平放置标签和图像。

Answer 3

我认为，图片可以更好地表现它。请按照以下步骤将约束应用于您的视图：

1）在图像视图中应用尾随，宽度和高度。仍然没有y位置会引发错误。将在下一张图片中处理。

2）将图像视图对齐，垂直居中与superview。

3）同时为时间标签执行与步骤1和步骤2相同的操作。只需给出前导约束而不是尾随。

4）将前导和尾随约束赋予名称标签，并将其垂直对齐到superview。因为您已经为时间标签和图像视图指定了宽度，所以它将覆盖可用宽度的其余部分，前后均为3 px填充。

5）现在，您将看到此视图的警告，这是因为您已经修复了时间标签的宽度以及如果此标签的文字较大会发生什么？您可以通过2种方法处理这种情况

*首先，将autoshrink属性从Fixed Font Size更改为Minimum Font Scale，因子为0.5。但它只是处理案件而不会删除警告。 *

其次，使用>=更新时间标签的宽度约束。但它会再次创建错误，因为更新约束到>=将与名称标签的自动宽度检测冲突。要解决此问题，请按照下一张图片

6）减少名称标签的Horizontal Content Hugging Property。