XIB TableViewCell 未调整大小以适应宽度

Posted 2023-03-11

【中文标题】XIB TableViewCell 未调整大小以适应宽度

【英文标题】：XIB TableViewCell not resizing to fit width

【发布时间】：2019-11-25 19:03:34

【问题描述】：

我创建了一个 XIB TableViewCell，我想知道有哪些可能的方法可以让它适应较小的屏幕，而不是如下所示被截断。在大屏幕中，单元格不会相应地缩小或加宽以适应屏幕尺寸宽度

【问题讨论】：

您是否在您的 xib 文件中设置了contentMode = .scaleAspectFit？

不，这是我为这个 XIB 填写的我的 IB 中的 Aspect Fill。但是，我尝试了方面填充、缩放填充，但都没有改变外观

您是否存在将您的 UI 元素推向右侧的约束？使用Debug View Hierarchy 检查框架和约束艺术运行时。如果这没有帮助，请显示您正在使用的约束......甚至可以将源代码发布到您的 XIB 文件中。

@DonMag 这是我的 XIB 的来源：pastebin.com/evFr5v1A

@btrballin - 您有许多相互冲突/不合逻辑的约束，这几乎可以肯定是导致问题的原因。我建议您删除所有约束，然后将它们一一添加。尽可能简单地开始，并确保在垂直和水平方向上都有一个干净的“约束链”。我的一天到此结束，但如果您仍有问题，我应该可以在早上为您清理（我在美国东部时间）

【参考方案1】：

在尝试对您的 XIB 文件进行各种更改后 - 没有成功 - 我猜测存在某种我看不到的冲突，或者 XIB 源中有一个或多个损坏的 (?) 元素。比较郁闷。

不过，我是从头开始的，我相信我有一个适合您的工作版本。这是我能得到的结果...

在 iPhone 8 上：

在 iPhone 5s 上（相当窄）：

源代码 - 包括控制器和具有 IBOutlet 连接的关联类，以便您可以运行它 - 可以在此处找到：https://github.com/DonMag/AnotherXIBCell

您仍然需要进行一些调整来制作...图像，显然...并且您可能希望对间距进行一些细微的更改。

此外，您可能想要调整中间部分“条形”宽度和间距的布局...在更宽的设备上运行时看起来不太好，或者，例如，在横向上：

但是 --- 希望这能让你继续前进。

【讨论】：

感谢您的努力。我设法通过选择自动调整大小中的所有内容来解决它。当然，我的 XIB 版本与我与您分享的版本不同（旧版本）