将图像限制在 Xcode 故事板上的屏幕边缘

Posted 2023-03-16

【中文标题】将图像限制在 Xcode 故事板上的屏幕边缘

【英文标题】：Constraining images to edge of screen on Xcode storyboard

【发布时间】：2014-06-30 08:25:05

【问题描述】：

我制作了一个游戏，屏幕上有许多从右到左的对象，我已将这些项目放在我的故事板上。

这是一个单视图应用程序，标题徽标和播放按钮没有显示我希望它们在 3.5 英寸屏幕上的显示方式，所以我试图让应用程序让它们与屏幕边缘保持一定距离，我已经尝试为此使用约束，但我无法将其约束到屏幕边缘而不是故事板上的另一个项目。

由于故事板上的这些其他项目正在移动，它向我提供了黄色错误，其对齐的内容“不明确”。

任何帮助将不胜感激，我应该尝试两个故事板吗？

【参考方案1】：

如果包含title logo 和play button 的视图没有移动，那么您可以通过以下方式执行此操作：

将Bottom space to superView 约束添加到情节提要中的play button。

步骤： 选中播放按钮对象后，点击 Editor -> Pin - > Bottom Space to Superview

类似的方法也可以用于其他对象，例如为Title Logo添加约束Top Space to Superview，使标志保持在顶部的固定位置。

对于constraints和Autolayout还有更多疑问，可以参考这些精彩教程：

Beginning Auto Layout Tutorial in ios 7: Part 1 Beginning Auto Layout Tutorial in iOS 7: Part 2

更新：

如果您收到编译器警告，例如 "Frame for "Image View - Title.png" will be different at run time."

这是因为你在添加约束后改变了一个项目的框架。 如果你想要新职位： Editor -> Resolve Autolayout issues - > Update constraints

如果你想要原来的上一个位置： Editor -> Resolve Autolayout issues - > Update frames

希望这会有所帮助！ :)

【讨论】：

您好 GoGreen，非常感谢您的回复，但不幸的是我仍然收到相同的错误！ :S - 它说““图像视图 - Title.png”的框架在运行时会有所不同。” “图像视图 - Title.png”的水平位置不明确。”

这是因为您没有明确提及Image View - Title.png 的水平位置。一旦你设置了一个约束，它就是你的工作来指定项目在运行时的确切位置。尝试如上所述为该项目设置Leading Space to Superview 约束。