【问题标题】:How to set proper layout with both large screen and small screen如何设置大屏和小屏的布局
【发布时间】:2018-03-02 17:21:51
【问题描述】:

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

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

所以在 Deployment info 中设置 iPhone 是不够的,因为我刚刚发现 iPhone 应用程序无论如何都会在 iPad 上运行,但屏幕尺寸会大幅调整。

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

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

我在 Storyboard 中使用 iPhone 7s 屏幕制作了我的应用;我开始学习 Auto Layout 及其功能,以便自动调整;主要问题如下...

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

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

【问题讨论】:

    标签: ios iphone xcode ipad autolayout


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-10-01
      • 2021-11-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多