您的位置:首页 > 移动开发

iOS-AppIcon及LaunchImage整套设置

2017-08-10 11:34 417 查看

背景

项目开发中,程序的图标还有启动图片,这是必不可少的。那么,今天我们就来探究一下程序的图标和启动图片的整套设置吧。

AppIcon整套设置

每个新建的工程,都会自动带有一个
Assets.xcassets
。点击后,会看到工程默认创建好的一个
AppIcon
,如果不喜欢那么你可删掉,自己创建。



好了,进入正题。基本上,
AppIcon
里面所有的图标格式都要有。那怎么看,我需要多大的图标呢?还有我需要什么设备类型的图标呢?



如图所示,需要支持iPhone的就勾选iPhone(肯定要支持iPhone呀),当然,一般也支持iPad,不可能说用iPad用你家的app就看不到图标了吧。

图中有1x,2x,3x这些,是什么呢?1x就是在非视网膜屏幕下的,是标准分辨率。2x是在视网膜屏幕下,又叫Retina屏幕,是高清视网膜屏幕,分辨率宽高是标准屏幕分辨率的2倍。3x虽然也是在Retina屏幕下,但是分辨率是标准屏幕分辨率的3倍。

iPhone3GS的时候,还是非视网膜屏幕。自从iPhone4之后,都是Retina屏幕了。而Plus系列的手机,比如iPhone 6 Plus,iPhone 7 Plus 就是3x的,其余的都为2x。

好了,有了以上的基础。再看看图片中第一个红色标记的图标中20pt是什么呢?在非视网膜屏幕下,1pt = 1px (1point = 1 pixel),顾名思义,一个点(绝对长度)等于一个像素(相对长度)。那1x是非视网膜屏幕下,2x和3x都是在Retina屏幕下,只是2x是1x的两倍,3x是1x的三倍而已。

那么,20pt对应2x图标,自然就是40x40 px啦。3x对应的图标,就是60x60 px。当然了这个图标没有1x的图片,换一个其他的,有1x的,就对应当前pt大小。2x,3x只是当前pt的2倍,3倍而已。

LaunchImage整套设置

新建的应用程序,没有给你创建LaunchImage,需要手动创建。创建方式和AppIcon一样,就在新建AppIcon的下一项。



如图所示,右边标记的是对应iOS的版本,iOS6以及iOS6以前的我就不做图片了。而且,我也只做了竖屏(Portrait)的图,横屏(Landscape)也不做图片了。当然,不单止支持iPhone,也支持iPad。

那么启动图片对应的大小呢?这里的确看不出来,下面我就给大伙说说对应的图片尺寸:

iPhone Portrait iOS 8-Retina HD 5.5 (1242×2208) @3x

iPhone Portrait ios 8-Retina HD 4.7 (750×1334) @2x

iPhone Portrait iOS 7,8-2x (640×960) @2x

iPhone Portrait iOS 7,8-Retina 4 (640×1136) @2x

iPad Portrait 768 x 1024 pixels

iPad Portrait 1536 x 2048 pixels (@2x)

其实细心的小伙伴都能发现,自从iPhone 6/6s是375x 667的屏幕大小,而Plus系列是 414 x 736 的屏幕大小。那么对应2x的启动图片750×1334 除以2,刚好就是375x667。3x的启动图片也是如此,除以3后得414 x 736。而且HD4.7就是4.7英寸,也就是6/6s的大小,HD5.5就是5.5英寸,刚好就是Plus系列的大小。是不是很好记呀。至于iPad嘛,我没开发过iPad,也没钱买,就用到时候上网搜索咯~~~~

还没结束呢!!想要成功启动LaunchImage的图片,还需要以下步骤:

到项目工程里面,把Launch Images Sourc设置成对应的LaunchImage

把Launch Screen File的内容删掉,并且把LaunchScreen.storyboard的Use as Launch Screen选项取消掉。这个新出的东西实在用不惯。





到此为止,就大功告成啦~~~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息