app图标和启动图以及Images.xcassets

作者: guaker | 来源:发表于2015-03-03 22:27 被阅读39187次

概述

项目是纯代码编写,到现在一直没有适配iPhone6和iPhone6 plus,今天做了一些准备工作,app图标和启动图片的适配。
项目当时是Xcode5创建的,并设置了app图标和启动图片(iPhone4到iPhone5s的图片)。
后来升级到Xcode6,因为没有适配iPhone6,app图标和启动图片也一直没改动。

App Icons and Launch Images

选择General找到App Icons and Launch Images

General

Xcode5也是在这个地方设置的,有点区别。点击Use Asset Catalog

App Icons and Launch Images
选择Migrate
Migrate
点击右侧箭头
App Icons and Launch Images

AppIcon

删掉无效的Images.xcassets

AppIcon
点一下左侧的信息,勾选iOS 8.0 and Later Sizes
AppIcon
AppIcon就出来@3x图标了,把相应尺寸(180x180)的图标拖进去即可。
AppIcon

LaunchImage

LaunchImage
勾选iOS 8.0 and Later,把对应尺寸(iPhone6750x1334,iPhone6 plus1242x2208)的启动图片拖进去即可。
LaunchImage
也可以修改Images.xcassets文件夹中LaunchImage.launchimageContents.json文件
Contents.json
现在启动图设置好了,运行项目在iPhone6上会发现:
  1. 设置启动图之前,状态栏文字颜色是黑色的,UI在iPhone6是放大的。
  2. 设置启动图之后,状态栏文字颜色变成白色(设置的颜色),UI右侧有部分空白(这时就需要适配UI了)。

Launch Screen

Xcode6和iOS8也可以在Launch Screen File设置LaunchScreen.xib文件为iPhone6和iPhone6 plus以及iOS8系统设备的启动页。iOS8会走这个设置,iOS7以及之前的直接忽略,这个xib文件不能关联代码。
Xcode5创建的项目在Xcode6上面选择New File创建

Launch Screen

资源图片放到Images.xcassets

右键选择New Image Set

Image Set
@1x@2x@3x图片拖进去即可
Image Set
选择Type,有位图和矢量图,选择矢量图,让美工切一个@1xPDF格式的矢量图拖进去,运行的时候会自动生成@1x@2x@3x的图片。
Image Set

参考文章:

  1. iOS7初体验(3)——图像资源Images Assets
  2. 适配iOS 8备忘录 开始启动(持续更新。。。1130)
  3. 在xcode6中使用矢量图(iPhone6置配UI)

相关文章

网友评论

  • 7f0afb000d3a:求大神指点啊,为什么我的开发GG在image set下面没有type选项啊……
    小灬博:@guaker 现在 加载一张 pdf,没必要 写个三方吧 感觉太麻烦了
    guaker:新版本好像是没了,我看下
    小灬博:我也是
  • doubleJJ:如果我有多张启动图怎么设置呢?
  • 独木舟的木:‘点一下左侧的信息,勾选iOS 8.0 and Later Sizes。’
    是右侧 好吗?
  • devzhaoyou:简叔真是一个宝库,越来越多的coder在这写博客,可以找到我想要的技术资料,感谢分享!
  • shineDeveloper:请问 为什么我把图片拖进了lanunchImage里了,在general中也设置了使用use Aset Catalog 最后启动页仍显示黑屏呢?
  • 2a08f0901904:一开始用的 jpg 文件死活拖不进去,然后强改成 png 后缀拖进去了,在模拟器上有图标但是在真机上还是白板,还是得老老实实做 png 图标啊😅、
    guaker:@布小白 jpg应该是不能拖入APPIcon 其他的可以用jpg。jpg设置图片需要加后缀,png不需要 PDF矢量图也可以。
    2a08f0901904:@gang544043963 我出现的情况是 jpg 拖不进去 AppIcon 的框里,PDF 没有试过诶、
    Eric_LG:@布小白 jpg可以啊,亲测的,而且PDF也可以
  • 妖精的尾巴毛:呱呱
    guaker:@妖精的尾巴毛 洗白白

本文标题:app图标和启动图以及Images.xcassets

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