如果设计只给3x的设计图
在做2x适配时有几种处理方法:
- 按逻辑像素,大小不变,比如3x手机上一张图的逻辑像素设为24x24point,那么2x手机上这张图的大小也设为24x24point,一般适用于一个视图高度固定的情况,例如一个app的底部tab栏或者上方的导航栏。一个小风险是2x手机上横向可能会有点挤,甚至有重合。如果逻辑像素大小不变的话都会有这个问题。
- 按比例缩放,比如3x手机上,如6p,一个视图的大小为414x414,那么2x手机上,如iPhone6,这个视图的大小就是375x375,适用于宽度等于设备宽度(或者是设备宽度的一定比例),高度按比例算出来的情况,例如信息流里的各种卡片。
简单总结一下:能横划的视图(高度固定)可以按照逻辑像素大小不变来布局,这样写代码最简单,
能竖划的视图(宽度固定)要按比例缩放,弹窗类的也可以保持逻辑像素大小不变.,小屏手机适当减少宽度与高度
原文地址:https://www.cnblogs.com/yibinpan/p/9098112.html
时间: 2024-11-10 18:34:34