Xcode 6.3 故事板自动布局约束

Posted

技术标签:

【中文标题】Xcode 6.3 故事板自动布局约束【英文标题】:Xcode 6.3 Storyboard Autolayout Constraints 【发布时间】:2015-04-23 04:51:41 【问题描述】:

这是我的故事板:

这是 iPad 模拟器:

对于约束,我转到右下角并单击带有两个突出条的三角形的按钮(它看起来像一个带有三角形作为驾驶舱的星球大战战斗机)。我向下滚动到显示视图控制器中所有视图的部分,然后单击清除约束。然后我回到同一个按钮,但这次我单击添加缺少的约束。

为什么会这样?我该如何解决?

【问题讨论】:

【参考方案1】:

添加缺少的约束并不意味着“添加我认为在我的项目中看起来会更好的约束”。 Xcode 添加了一些约束来保持一切就位,但这可能(也可能不是)是你想要的。

要清晰地绘制控件,您至少需要 4 个约束,每个轴上两个(两个用于 X,两个用于 Y)。我建议清除所有约束,并开始逐个控制,添加约束。

一些提示:

您可以设置约束,然后移动控件,要求 Xcode 使用 update Constraints 选项将约束刷新到新位置。 更新框架选项则相反:给定一组约束,在正确的位置重新绘制控件。

使用 Assistant 编辑器拆分您的 Xcode 视图,以便您可以选择 Preview 并在设计 Storyboard 时查看它的外观。您可以添加不同的设备以查看其适用性(底部的小 + 按钮)

【讨论】:

感谢这帮助了很多现在它看起来像我想要的样子 当我点击小“+”按钮时,我看不到 iPad 选项。我可以看到 iPhone 3.5、4、4.7、5.5 英寸的屏幕,但看不到 iPad。我只想看看我的约束如何在 iPad 上和这些 iPhone 屏幕上发挥作用。 您是否已将 iPad 添加到您的部署信息中?转到您的项目 > 您的目标 > 常规选项卡。在这里,查看部署信息部分。在设备中,选择通用,这样您就可以查看 iPad 故事板并预览 iPad 屏幕 是的。它是通用的。

以上是关于Xcode 6.3 故事板自动布局约束的主要内容,如果未能解决你的问题,请参考以下文章

约束/自动布局栏隐藏,Xcode 6

故事板中自动布局标签的表格视图单元格约束[关闭]

自动布局的 Xcode 故事板问题不允许我移动对象 origin.y 值

无法在 Xcode 中为启动屏幕设置自动布局约束

我应该在 Xcode 6 中使用自动布局还是更喜欢为所有 iOS 设备使用单独的故事板

CS193p - 2015 年冬季 - 计算器故事板自动布局