iPhone 4 和 iPad 上的约束不同

Posted 2023-03-15

【中文标题】iPhone 4 和 iPad 上的约束不同

【英文标题】：Constrains different on iPhone 4 and iPad

【发布时间】：2015-03-08 11:47:29

【问题描述】：

我在 iPhone 6 上运行时有这个布局，这正是我想要的：

但是，在 iPhone 4S（或 iPad）上运行时是这样的：

我真的无法理解这一点。如您所见，上图有文字离开该区域，并且图像正在“缩小”。就好像，第一个图像有图像本身调整大小，而在后者中，文本正在填充空白空间。我该如何解决这个问题？

编辑 以下是左侧图像和右侧表格的约束：

左图：

右表：

这里他们在 IB 中被选中：

【问题讨论】：

您需要显示约束并描述图像视图的配置方式。除了标签之外，还有更多的视觉问题......

你的标签有什么限制？标签左侧和图像右侧之间的间距在两张图像上看起来一致。图像有什么限制？看起来宽度似乎与显示器的大小成比例。

当然可以。见编辑:)

【参考方案1】：

我不确定你在用其他元素做什么，但对于表格和图像，我可以建议你这些限制。首先清除这两个元素的所有约束，然后尝试这些。

右侧的表格 -

top to superview
bottom to superview
width - fixed
trailing to superview

左图

top to superview
bottom to superview
leading to superview
trailing to superview

放置约束值根据您的设计。这将保持右侧表格的固定宽度并调整图像大小以填补其余空白。我认为这将解决您的问题。

【讨论】：

对不起，但这并不能解决问题:(同样的问题，没有变化。

【参考方案2】：

所以，如果不能自己尝试布局有点困难，但我认为你需要做的是：

在您的左侧图片上，

移除

“Trailing Space To Superview”约束。 在右侧的表格视图中，

添加

一个宽度约束，将表格限制为当前宽度。

这意味着表格中的文本将保留在同一位置，左侧图像将根据可用空间增大或缩小。