iOS开发中图片@1x @2x @3x细究

Home / iOS MrLee 2016-9-8 3995

在xcode的images.xcassets中丢入图片后,这些图片会被默认划分为三种尺寸。
假设图片名为bdlogo.png
则这张图片会被自动填充到1x的位置
假设图片名为bdlogo@2x.png
则这张图片会被自动填充到2x的位置
假设图片名为bdlogo@3x.png
则这张图片会被自动填充到2x的位置
 
下面是这三种标示符的说明。
@1x 为非retina屏的iphone。iphone4以前,不包含4的手机需要使用这个标示。
@2x 为retina屏的iphone准备。iphone4/4s/5/5c/5s/6 使用该标示,最常用
@3x 专为iphone6p准备。iphone6 plus使用该标示。比较常用
另外。当对应图片缺失时会这样做
缺少@3x时,iphone6plus会自动去拿@2x的图来使用,并同时放大1.5倍
缺少@2x和@3x时,iphone6plus会自动去拿@1x的图来用,并同时放大3倍
iphone4/4s/5/5c/5s/6会去拿@1x的图来用,并同时放大2倍
缺少@2x时, iphone4/4s/5/5c/5s/6会去拿@1x的图来用,并同时放大2倍
所以现在这阶段做项目还是尽量把2x和3x的图备齐吧
另外下面是一个自动配齐图片的xcode插件。各位可以试试
https://github.com/rickytan/RTImageAssets
另外。在ios8以后,只要有3x的图片在。都会被优先使用。
注意,当不想要某张图的时候,除了要从images.xcassets中删除以外,还得clean一遍,不然UIImage imageNamed方法还是会取得以前的图片的。

本文链接:https://www.it72.com/10064.htm

推荐阅读
最新回复 (0)
返回