如何设置大屏幕和小屏幕的正确布局

时间:2017-09-21 11:16:11

标签: ios iphone xcode ipad autolayout

iTunes Connect刚刚拒绝了我的iPhone应用程序,因为它没有遵循App Store评论指南之一, 2.4.1 关于硬件兼容性:

  

为确保人们充分利用您的应用,iPhone应用应尽可能在iPad上运行。我们建议您考虑构建通用应用,以便客户可以在所有设备上使用它们。 [...]

因此,在部署信息中设置 iPhone 是不够的,因为我发现iPhone应用程序无论如何都会在iPad上运行,但屏幕尺寸会大幅调整。

iTunes Connect在我们在iPad上进行测试时给我发了一个屏幕截图:我不知道它是什么型号,或者它是否是模拟设备,但屏幕尺寸非常小,至少与我使用的相比在我的故事板(iPhone 7s)中。

我在我的Xcode中添加了iPhone 4s模拟器并运行了应用程序:屏幕尺寸与iTunes Connect测试iPad中的尺寸相同,因此我可能会尝试使用iPhone 4s调整我的布局。

我在故事板中使用iPhone 7s屏幕制作了我的应用程序;我开始学习自动布局及其功能,以便自动调整;主要问题是以下......

即使我有正确的自动布局,如何将我的UI元素从7s屏幕修改为4s屏幕?例如,在我的登录视图中,我有标题徽标,用户名和密码文本框,登录按钮和徽标页脚:它们只是用于4s屏幕的UI元素太多了!我应该缩小所有这些,但它们会很麻烦。

为大屏幕(7s)和小屏幕(4s / iPad上的大小调整屏幕)制作良好的布局有什么好方法?从代码中检测应用程序正在运行的手机型号并动态调整布局?我宁愿不用Swift修改布局,我也很适合使用Storyboard。如何处理适合大屏幕的多个UI元素,但相互折叠或在小屏幕中消失?

1 个答案:

答案 0 :(得分:1)

您可以通过在运行时修改自动布局约束来降低每个元素的高度和特定屏幕尺寸(iPhone 4 / Iphone 5)之间的空间,或者您可以使用滚动视图。在这种情况下,您可以使用滚动视图。内容不会完全可见。