iOS设计标注处理方法

Posted 2020-11-09 小楼一夜听春雨

如果设计只给3x的设计图

在做2x适配时有几种处理方法：

1. 按逻辑像素，大小不变，比如3x手机上一张图的逻辑像素设为24x24point，那么2x手机上这张图的大小也设为24x24point，一般适用于一个视图高度固定的情况，例如一个app的底部tab栏或者上方的导航栏。一个小风险是2x手机上横向可能会有点挤，甚至有重合。如果逻辑像素大小不变的话都会有这个问题。
2. 按比例缩放，比如3x手机上，如6p，一个视图的大小为414x414，那么2x手机上，如iPhone6，这个视图的大小就是375x375，适用于宽度等于设备宽度（或者是设备宽度的一定比例），高度按比例算出来的情况，例如信息流里的各种卡片。

 

简单总结一下：能横划的视图（高度固定）可以按照逻辑像素大小不变来布局，这样写代码最简单，

能竖划的视图（宽度固定）要按比例缩放，弹窗类的也可以保持逻辑像素大小不变.，小屏手机适当减少宽度与高度