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

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

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

 

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

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

posted on 2018-05-27 23:32  ximenchuixie  阅读(140)  评论(0编辑  收藏  举报