iOS-屏幕适配(一)

 我来答
新科技17
2022-07-16 · TA获得超过5903个赞
知道小有建树答主
回答量:355
采纳率:100%
帮助的人:74.8万
展开全部

(参考 The Ultimate Guide To iPhone Resolutions )

屏幕模式( 1x , 2x , 3x ):

描述的就是屏幕中一个点有多少个 Rendered Pixels 渲染,对于 2 倍屏(又称 Retina 显示屏),会有 2 * 2 = 4 个像素的面积渲染,对于3倍屏(又称 Retina HD 显示屏),会有 3 * 3 = 9 个像素的面积渲染

iOS 开发中,所有控件的坐标以及控件大小都是以点为单位的。假如我在屏幕上需要展示一张 20 * 20 (单位: point )大小的图片,那么设计师应该怎么给我图呢?

这里就会用到屏幕模式的概念,如果屏幕是 2x ,那么就需要提供 40 * 40 (单位: pixel )大小的图片,如果屏幕是 3x ,那么就提供 60 * 60 大小的图片,且图片的命名需要遵守以下规范:

ImageName:

图片名字,根据场景命名 device_modifier: 可选,可以是 ~ipad 或者 ~iphone , 当需要为 iPad 和 iPhone 分别指定一套图时需要加上此字段 filename_extension: 图片后缀名, iOS 中使用 png 图片

现在iPhone的屏幕尺寸也不再单一,那么现在以怎样的流程来进行iOS的研发更合适呢?

这个问题很早之前在知乎上已经被讨论,附上链接: 手机淘宝设计师pigtwo的回答

控件弹性指的是, navigation 、 cell 、 bar 等适配过程中垂直方向上高度不变;水平方向宽度变化时,通过调整元素间距或元素右对齐的方式实现自适应。这样屏幕越大,在垂直方向上可以显示更多内容,发挥大屏幕的优势

原文地址

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式