将一个UIView置于TableViewCell中

Question

我一直面临一个我以前从未体验过的奇怪问题（对iOS来说很新）。我正在尝试开发一个博客阅读器应用程序，我在我的主视图中使用UITableView。在TableView中，我添加了1个原型单元格并将其高度修改为更大。

为了在TableViewVell中创建“浮动”，“阴影”或“卡片”效果，我添加了另一个包含封面图像和摘要的视图。

我面临的问题与Storybords预览助手显示的布局有关。

即使对于iPhone 8（xCode 9.1），基于我已经实施的限制，一切看起来都很好，对于iPhone SE和8 Plus，即使在模拟过程中，事情看起来并没有如上所述，但看起来有些奇怪。

我观看了WWDC视频，YouTube视频，甚至是一些很棒的教程，但似乎没有一个超越基础，实际上涵盖了我面临的这个问题。

以下是截图：

XCode Storyboards Preview

我做了一个项目的简化演示，可以在GitHub上查看：

https://github.com/sebastiannitu/ConstraintIssues

我非常感谢seoneone会为我一劳永逸地解决这个问题。我确信这只是我在做一些愚蠢的事情，但我真的不能再浪费时间了。我已经投入了大约2周的时间来试图解决这个问题！

非常感谢您提前回复！

Answer 1

您的约束设置很好。问题是只有助理编辑。如果您在模拟器中运行它，View（橙色视图）将立即调整大小。

以下是在iPhone 8s（左）和iPhone 5s中运行时橙色View的屏幕截图。

我不上传项目，但如果您有问题，请告诉我。

Answer 2

这是Xcode中的一个小问题，但没什么大不了的。这样做：

1. 更改画布中的设备类型，例如到iPhone SE。

2. 切换到您的代码，例如视图控制器。

3. 切换回故事板。请注意，约束现已在画布中自行修复！

4. 显示该设备类型的预览 。

所以这有点令人讨厌，但确实有效。这是iPhone SE的预览：



这是iPhone X的预览：