码迷,mamicode.com
首页 > 移动开发 > 详细

iOS设计标注处理方法

时间:2018-05-28 01:06:01      阅读:291      评论:0      收藏:0      [点我收藏+]

标签:设计   逻辑   视图   固定   高度   代码   poi   方法   int   

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

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

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

 

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

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

iOS设计标注处理方法

标签:设计   逻辑   视图   固定   高度   代码   poi   方法   int   

原文地址:https://www.cnblogs.com/yibinpan/p/9098112.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!