iOS iPhone 6 自动布局 - 全宽和全高
iOS iPhone 6 Autolayout - Full Width and Height
我设计我的应用程序以在 iPhone 5 上运行,现在想让它与 iPhone 6 屏幕兼容。
当我在故事板中将模拟指标尺寸更改为 iphone 5.5 英寸时,我发现我的视图不再是屏幕的全宽和全高。
如何指定宽度和高度应为全屏尺寸?
不要更改模拟指标。只需选择一个(iPhone 5 即可,或者您甚至可以使用默认的 600x600 布局)并将其留在那里。确保故事板或 xib 的自动布局已打开(文件检查器 - 右侧的第一个选项卡)。现在在每个子视图上设置自动布局约束,以便他们知道在针对 iPhone 6 或 6 Plus 屏幕尺寸调整主视图大小时要做什么。
如果您想在 Interface Builder 中查看视图的外观,请再次不要更改模拟指标。相反,从助理编辑器视图左上角的 selection 弹出菜单中显示助理编辑器和 select 预览(在您更改之前它可能会显示为“手动”)。然后您可以使用该视图底部的 + 按钮选择不同的 phone 尺寸。您甚至可以旋转它们。
这里是开始使用自动布局的好地方:
http://www.raywenderlich.com/83129/beginning-auto-layout-tutorial-swift-part-1
如果您想针对不同尺寸设计您的应用程序 classes...最好的方法是从 wAny hAny
尺寸 class 开始...
如果你想获得视图的完整高度和宽度,那么只需固定视图的所有边缘,如果你想将图像集中在该视图中,那么只需使用 水平居中和垂直居中,并为其指定宽度和高度...这是如何实现的示例
并且输出大小不同 classes(4.7 和 5.5)...
我设计我的应用程序以在 iPhone 5 上运行,现在想让它与 iPhone 6 屏幕兼容。
当我在故事板中将模拟指标尺寸更改为 iphone 5.5 英寸时,我发现我的视图不再是屏幕的全宽和全高。
如何指定宽度和高度应为全屏尺寸?
不要更改模拟指标。只需选择一个(iPhone 5 即可,或者您甚至可以使用默认的 600x600 布局)并将其留在那里。确保故事板或 xib 的自动布局已打开(文件检查器 - 右侧的第一个选项卡)。现在在每个子视图上设置自动布局约束,以便他们知道在针对 iPhone 6 或 6 Plus 屏幕尺寸调整主视图大小时要做什么。
如果您想在 Interface Builder 中查看视图的外观,请再次不要更改模拟指标。相反,从助理编辑器视图左上角的 selection 弹出菜单中显示助理编辑器和 select 预览(在您更改之前它可能会显示为“手动”)。然后您可以使用该视图底部的 + 按钮选择不同的 phone 尺寸。您甚至可以旋转它们。
这里是开始使用自动布局的好地方: http://www.raywenderlich.com/83129/beginning-auto-layout-tutorial-swift-part-1
如果您想针对不同尺寸设计您的应用程序 classes...最好的方法是从 wAny hAny
尺寸 class 开始...
如果你想获得视图的完整高度和宽度,那么只需固定视图的所有边缘,如果你想将图像集中在该视图中,那么只需使用 水平居中和垂直居中,并为其指定宽度和高度...这是如何实现的示例
并且输出大小不同 classes(4.7 和 5.5)...