繁体   English   中英

如何使用尺寸类使应用程序兼容iphone 5,iphone 6,iphone 6 plus

[英]How to use size class to make app compatible to iphone 5, iphone 6, iphone 6 plus

我正在使用尺寸等级来使我的应用程序兼容iPhone 5,iPhone 6和iPhone 6 plus。 我使用紧凑宽度常规高度:

人像模式

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

它在不使用自动布局的情况下在所有设备中完美呈现。

我需要做一些更改吗? 我是否需要在资源文件夹中添加3X图像?

做同样的最好方法是什么?

大小等级

查看iOS人机界面指南 ,我们可以总结一下

  • 肖像 :iPhone4s,iPhone5,iPhone6,iPhone6 Plus都使用Horizo​​ntal Compact ,Vertical Regular

  • 风景 :iPhone4s,iPhone5,iPhone6都使用水平紧凑 ,立式紧凑

    iPhone6 Plus使用Horizo​​ntal Regular ,Vertical Compact

  • iPad使用横向常规 ,垂直常规 横向纵向


图像分辨率

根据官方链接 ,iPhone6 Plus需要3x图像。 你可以看到整个规格:

整个规格


最佳实践

看起来您的应用程序仅支持iPhone 肖像模式,在这种情况下,您使用Horizo​​ntal Compact ,Vertical Regular就可以了。

但是,最好的方法是使用Horizo​​ntal Any ,Vertical Any设计您的应用程序。 如果您对某些设备有特殊情况,例如iPad,它使用纵向和横向的常规,您可以调整视图,布局约束。 以下两张图片显示了相同的视图如何针对不同的大小类具有不同的布局。

  • 查看任何任何大小的类

任意大小类的相同视图

  • 常规常规大小类相同的视图

与常规常规大小类相同的视图


技巧

您可以使用xcode中的预览功能预览您在故事板中所做的工作,以下步骤将向您展示如何执行此操作:

  1. 在故事板中使用不同大小的类布局所有视图

  2. 点击 援助按钮 在右上角

  3. 在新打开的窗口中,单击“在此处预览”

单击预览

  1. 单击+按钮,然后选择不同的设备进行预览。

预览示例


练习自己

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM