应用约束时，UITableView Cell 的宽度不会改变 xcode 故事板

Question

我正在使用自定义表格视图单元格和自动布局，但遇到以下错误，我尝试应用不同的约束以拉伸宽度但没有成功。有人可以帮助我如何调整约束以使单元格填满屏幕的整个宽度吗？

我尝试添加尾随约束和等宽约束，但没有成功

---

编辑 1：

我根据建议尝试了这个并得到了这个

在预览中它向我展示了这个

---

编辑 2：

同样的错误也出现在另一个布局中

在这里

添加的约束是

以及更小屏幕尺寸的预览

tableview 之外的所有元素都正确缩放，tableview 内部的元素发生错误，错误是单元格的宽度没有根据屏幕大小进行调整

你能帮我解决这个问题吗？

---

编辑 3：

这是带有彩色背景的约束和输出以便更好地理解，我仍然没有找到解决方案并且无法理解为什么它不起作用，请有人帮忙

约束：

预览窗口中的输出：

---

编辑 4：

我创建了一个简单的布局，以便更容易解决问题

还有输出

主要问题是宽度没有缩放，似乎无法理解为什么......

---

编辑 5：

当我在 iPhone SE 上进行相同的布局时，结果如下，我在编辑 4 中使用了与上述相同的约束

约束似乎在表格视图单元格内不起作用。有人能告诉我如何解决这个问题吗？谢谢

Answer 1

从你的 Edit5，我相信你想要这样的东西。

Edit5 SE Edit5 XR

这些是 XR 和 SE 的屏幕截图。
1.让您的单元格自动计算高度。您只需对单元格内的项目应用约束即可。
2. 在 UITableViewCell 中，添加一个 UIView（背景颜色：黄色），其约束条件 top、bottom、leading、trailing 等于 0。如果您不希望它等于默认行高，请给该视图一个固定高度。
3. 在这个黄色的 UIView 中，添加另一个 UIView(background color: Green) 约束前导=10，尾随=10。将此绿色 UIView“在容器中垂直居中”标记为其父级，即黄色 UIView。现在，给绿色 UIView 相等的高度约束到它的父级，即黄色 UIView。您可以根据需要更改它的乘数。

Edit5 上的约束： Edit5 Constraints

此外，对于您的 Edit1，据我了解，您没有将 Content Hugging 优先级应用于时间标签。当可用内容大于内容的总大小时，内容拥抱优先级就会发挥作用。这里，可用内容=屏幕宽度和内容总大小=标题+时间。 因此，您需要将 Time 的 Content Hugging 优先级设置为高，Title 的 Content Hugging 优先级设置为低，以便 Title 标签在您的屏幕上展开。优先级较高的会被挤压，即紧紧拥抱它的内容。

我已附上屏幕 XR 和 SE 的屏幕截图。
Edit1 SE Edit1 XR

Edit1 上的约束： Edit1 Constr

Answer 2

首先在 tableviewCell 上取一个 UIView 并将leading,trailing,Top,Bottom 设置为 0。然后设计你的上视图。并且不要给任何导致时间的标签。

Answer 3

如果在此层次结构中为单元格添加视图，则它适用于所有设备。

请检查添加的约束。