react-nativeiOS技巧

iOS 设置App图标Icon、启动图LaunchImage

2016-07-08  本文已影响6974人  ShanJiJi

设置AppIcon

1. AppIcon尺寸

AppIcon有多种尺寸,下面仅列出iPhone上常用的尺寸,ipad等其他设备的尺寸,请自行查看官方文档

iPhone图标尺寸

2. 添加AppIcon

在General中启用AppIcon


启用AppIcon.gif

右边栏中可以选择要添加的类型,一般选择iPhone一项中的iOS7.0andLater即可


可选的类型.png

把图片拖入相应位置,这样就设置好了AppIcon,重新编译运行就能看到图标了。


拖入图片之前.png

拖入图片之后.png

小技巧:一般图标都是让美工提供,如果美工比较忙的的话,可以只提供一张1024*1024的图片,我们可以自己生成。生成地址:图标工场
生成之后下载,会到的所需要的所有尺寸

文件夹内容.png

可以直接将AppIcon.appiconset文件夹直接导入Assets.xcassets中使用,但由于很多尺寸用不上,建议还是导入必须的图片就可以了。

设置LaunchImage

1. LaunchImage尺寸

常用尺寸
iPhone 6Plus/6SPlus(Retina HD 5.5 @3x): 1242 x 2208iPhone 6/6S/(Retina HD 4.7 @2x): 750 x 1334iPhone 5/5S(Retina 4 @2x): 640 x 1136iPhone 4/4S(@2x): 640 x 960

2. 添加LaunchImage

在Assets.xcassets中添加LaunchImage


添加LaunchImage.gif

同样在右边栏可以选择要添加的类型


可选类型.png

把图片拖入相应位置


拖入前.png

拖入后.png

启用LaunchImage


启用LaunchImage.gif

禁止使用LaunchScreen.storyboard,如果不禁止即使设置了LaunchImage也不会有效果,加载的还是空白的LaunchScreen.storyboard


禁用LaunchScreen.gif

重新编译运行就能看到启动图画面了。

注意:有的时候社会了启动画面后可能会没有效果,这个时候需要将已安装的应用卸载掉,然后重新安装即可显示

更多内容请查看官方文档
文/恰克斯(简书作者)原文链接:http://www.jianshu.com/p/4bfff812fef9

上一篇 下一篇

猜你喜欢

热点阅读