【问题标题】:How to use size class to make app compatible to iphone 5, iphone 6, iphone 6 plus如何使用大小类使应用程序与 iphone 5、iphone 6、iphone 6 plus 兼容
【发布时间】:2014-11-04 23:48:52
【问题描述】:

我正在使用 size class 使我的应用程序与 iPhone 5、iPhone 6 和 iPhone 6 plus 兼容。 我为此使用紧凑宽度常规高度:

这是使用 xib 或故事板并使其他东西留在 iOS 上的正确方法吗? 或者,我需要添加一些其他的东西吗?

在不使用自动布局的情况下,它可以在所有设备上完美显示。

我需要做更多的改变吗? 我需要在资源文件夹中添加 3X 图像吗?

最好的方法是什么?

【问题讨论】:

    标签: ios objective-c xcode ios8 xcode6


    【解决方案1】:

    尺寸等级

    查找iOS Human Interface Guidelines,可以总结一下

    • 纵向:iPhone4s、iPhone5、iPhone6、iPhone6 Plus 都使用横向Compact、纵向Regular

    • 横向:iPhone4s、iPhone5、iPhone6,均使用横向Compact、纵向Compact

      但是 iPhone6 Plus使用水平Regular,垂直Compact

    • iPad 使用水平 Regular,垂直 Regular 用于 LandscapePortrait


    图像分辨率

    根据Official link,iPhone6 Plus 需要 3x 图像。您可以查看整个规格:


    最佳实践

    看起来你的应用只支持 iPhone Portrait 模式,在这种情况下,你使用 Horizo​​ntal Compact,Vertical Regular 就可以了。

    但是,最好的方法是使用水平 Any、垂直 Any 来设计您的应用。如果您对某些设备有特殊情况,例如 iPad,纵向和横向都使用常规,您可以为其调整视图、布局约束。下面两张图展示了同一个视图如何针对不同的尺寸类别有不同的布局。

    • 使用 Any Any 尺寸类别查看

    • Regular Regular 尺寸类的相同视图


    技巧

    您可以使用 xcode 中的 preview 功能预览您在 Storyboard 中所做的事情,以下步骤将向您展示如何做到这一点:

    1. 在情节提要中使用不同大小的类布局所有视图

    2. 点击右上角

    3. 在新打开的窗口中,点击Preview这里

    1. 点击+按钮并选择不同的设备进行预览。


    练习自己

    您可以下载示例项目here。功劳归于斯坦福 CS193 课程。解释自动布局的视频是View Controller Lifecycle, Autolayout,您可以从 31:30 开始到 36:30。但我强烈建议您查看整个视频以了解整体情况。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-01-14
      • 1970-01-01
      • 1970-01-01
      • 2023-03-17
      • 1970-01-01
      • 2015-02-09
      • 2016-10-21
      • 1970-01-01
      相关资源
      最近更新 更多