[请教] 在 iPhone Portrait Mode 下界面怎么更优雅地适配不同设备屏幕大小

大家好，我们的项目是 iPhone Portrait Mode Only 的，最近在做的一个新功能的 UI 遇到了适配不同设备屏幕大小（从 4s 到 6s ）的问题，而 Size Class 据我所知没办法解决这个问题，因为在 iPhone Portrait Mode 的情况下 trait 都是一样的，根本无法区分不同屏幕大小，而且目前我们项目还要支持 iOS 7 ，也用不了 Size Class 。

目前我能想到的只有根据 screen size 来手动判断当前是哪个设备，然后相应的计算控件的大小和位置来做 layout ，然而总觉得这样很 ugly ，代码看起来也不好看，所以想请教一下大家遇到这种情况下有什么好的办法？谢谢指教。

portrait

mode

size

大小

10 replies • 2016-07-05 13:21:36 +08:00

sablib

Jul 2, 2016

https://github.com/nixzhu/Ruler
用这种东西应该会方便一点。

TonyYOYO

Jul 2, 2016

autolayout ，，， masnory 你应该听说过吧。

xi_lin

Jul 3, 2016

首先和 UI 确认一下想要的是什么效果
是否是要在不同屏幕上缩放显示？是的话就只能等比写间距了。

enjoeq

Jul 3, 2016

@sablib 谢谢，可惜的是我们的这个项目还是 Objective-C 的，这个 Ruler 库是 swift ，估计不太适合我们，不过我会研究看看的。

enjoeq

Jul 3, 2016

@TonyYOYO 我所知道的是 masnory 是一个封装了 AutoLayout API 的一个库，用来更方便写 AutoLayout 代码的，不过我真的不知道怎么用 AutoLayout 去适配 iPhone Portrait Mode 下不同设备屏幕大小，用 Aspect Ratio 能控制控件按比例缩放，但是控件之间的距离没办法等比缩放啊，这样控件的位置就会变得奇怪。
可以更详细的说说怎么用 AutoLayout 解决这个问题吗，谢谢。

enjoeq

Jul 3, 2016

@xi_lin 等比写间距是指等比计算控件大小和间距吗？控件大小等比计算还好，连间距也要等比计算的话就会显得很繁杂，而且容易写错，就是不想这样才想问问大家有没有更好的办法😂。

xi_lin

Jul 4, 2016

@enjoeq 我们是写了个宏来做等比计算，也是比较麻烦

enjoeq

Jul 4, 2016

@xi_lin 可以把宏和宏的用法私信给我看看吗？或者给我讲讲宏的写法也可以啊，谢谢。

kitalphaj

Jul 5, 2016

间距其实本质上也是控件大小。你放一个 UIView 进去占位置就好了。

xi_lin

Jul 5, 2016

@enjoeq 我们的设计稿是按 750 屏幕出的，其他等比
#define SCREEN_RATIO_WITH_DESIGN ([[UIScreen mainScreen] bounds].size.width) / 375
#define SCALE_WITH_RATIO(x) (x * SCREEN_RATIO_WITH_DESIGN)