Ios 向UITableViewCell添加约束

我在获取约束以使用我的

UITableViewCell

时遇到问题。该单元格当前有2个文本字段和一个带有图像的按钮

iPhone X情节提要

当前，在没有约束的情况下，无论我在哪个设备上测试单元格内容，单元格内容的位置都不会改变。例如，在iPad上，它看起来像这样

iPad情节提要

当我添加约束时，它看起来会起作用，但当我运行应用程序时，内容就全搞糟了

下面是约束的屏幕截图，以及我使用的约束

带约束的iPhone X模拟器

有谁能告诉我，在所有设备上，我需要哪些特定的约束使其看起来像这样

无约束iPhone X模拟器

我对应用程序其余部分的约束没有任何问题，但由于某些原因，单元格中的自动布局约束正在逃避我的理解

谢谢大家!

更新

我用这个问题的答案解决了这个问题

在那之后@leedex建议的约束非常有效

• 对于图像：保持顶部、底部和右侧约束不变，并将宽度约束固定为某个值，如30
• 对于文本字段：保持左、上、下约束不变&使右约束为10 wrt image或40 wrt superview

---

您的noteTextLabel没有前导或尾随约束。前导约束应位于superView，尾随约束应位于按钮的左侧

flagButton应该具有顶部和尾部约束，两者都是superView的约束。或者按钮可以有一个中心约束和一个尾随约束，其中中心约束与superView相同，尾随约束与superView相同。按钮还应具有宽度和高度约束

日期标签应具有前导、顶部、底部和尾随约束，其中前导是指向superView，顶部是指向noteTextLabel，底部是指向superView，尾随是指向flagButton

下面是一个示例屏幕截图，请注意尾部、顶部、前导和底部约束是如何可见的：

---

如果不知道您应用了哪些约束，很难为您提供帮助。很抱歉，缺少详细信息。我用约束更新了它。你可以通过故事板/XIB/代码显示你添加的约束，以便我们可以帮助你。我用约束的屏幕截图更新了它。抱歉，谢谢您的详细指导！不幸的是，每当我向按钮添加约束时，它都会出现在左边的注释/日期文本的顶部。它在故事板中看起来不错，只是在模拟器中没有。你知道为什么会这样吗？我试过精确地设置约束，但它看起来仍然像我的原始图像。另外，我说的“超级视图”是指内容视图，对吗？我建议确保按钮的前导约束位于noteText的右侧，而不是superView。如果该按钮与noteText重叠并向左移动，则该按钮的前导约束可能是指向superView或左侧的其他对象。是的，内容视图是超级视图。很抱歉延迟响应。我验证了按钮的前导约束确实是noteText.training。实际上，我的约束条件与你截图中的约束条件相同。无论我做什么，Botton仍然覆盖所有文本，所有内容都向左推。我不知道为什么这不起作用。您知道我在内容视图/单元格或任何其他元素上设置的其他Xcode设置是否可能导致此问题吗？它是否与TableView约束有关？Hi Shivam，谢谢您的建议。不幸的是，在实现它之后，我遇到了同样的问题。