如何为xib文件在2个图像之间实现2个标签的约束

Question

编辑：如果您要放弃，请留下评论我可以改善我的问题

我正在尝试在xib文件中重新创建自定义表格视图单元格，如下所示。该公司的方形图像位于左侧。该公司的名称和公司的展位（2个UI标签）位于公司形象的右侧。星形按钮位于文本的右侧，是方形图像。我估计公司的图像和收藏夹按钮应该距离顶部和边缘约8px。

我尝试为每个元素（图像，2个UI标签和按钮）的顶部，底部，左侧和右侧创建4个约束。我还为图像和按钮添加了1：1宽高比约束，以确保图像是方形的。然后我对齐了2个UI标签的左边缘。我垂直居中图像和按钮。然而，它没有星形按钮，位置和标题切换。如何使用约束创建此设计？

Answer 1

他们没有那么困难。 首先，如果我们谈论你的左UIImageView，设置以下约束，

• 领先约束
• 固定高度
• 固定宽度
• 垂直居中

在左边的UIImageView之后，设置以下约束，

• superview的尾随空间
• 固定高度
• 固定宽度
• 垂直居中

现在对于两个标签，将它们放在UIView中，然后给出UIView个约束，

• 左图像视图中的前导空间。
• 从右侧图片查看尾随空格。
• 来自superview的顶级空间
• superview的底部空间

现在对于上层UILabel，设置以下约束，

• 领先的空间
• 尾随空间
• 顶部空间

现在降低UILabel，设置以下约束，

• 领先的空间
• 尾随空间
• 上层UILabel的顶层空间
• 底部空间

毕竟，我认为这对你有用。

Answer 2

您可以使用下图中的约束。它适用于所有屏幕尺寸和任何行高。