美文网首页react-nativeiOS技巧
iOS 设置App图标Icon、启动图LaunchImage

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

作者: ShanJiJi | 来源:发表于2016-07-08 14:50 被阅读6974次

设置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

相关文章

网友评论

  • ce7871d40869:有时候即使卸载重新安装App,启动页也是没有效果,我是用LaunchScreen.xib的,你有遇到过吗
  • sonialiu:你好,我生成了那些icon,但是不知道拖入到哪个框里?应用icon那里,请问怎么拖入到相应的框中?
  • 丨n水瓶座菜虫灬:你好,我想问一下,我用设置了启动图,每一步都和你一样的,可是用iPhone6s测试的时候,屏幕上下方都有黑边,但是用模拟器选择iPhone6s测试时不会出现这个问题,在网上找了一些资料,也是过重新安装app,以及clean,都没有解决,请问你有什么好方法吗?
    ShanJiJi:@丨n水瓶座菜虫灬 恩恩,那应该是启动图设置引用的问题,程序在启动时找不到合适的启动图片,所以就会出现启动图引用错误的问题,启动图尺寸不对就会出现黑边,只需要将启动图的路径和其他设置重新检查设置一下就OK了
    丨n水瓶座菜虫灬:@ShanJiJi 启动后都有黑边
    ShanJiJi:@丨n水瓶座菜虫灬 请问你在iPhone6s上测试的时候是只有启动时黑边显示吗?还是启动后的应用界面都是下面有黑边?

本文标题:iOS 设置App图标Icon、启动图LaunchImage

本文链接:https://www.haomeiwen.com/subject/hhcrjttx.html