iOS 砖家纪实录别人的iOS精华上海恩美路演

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

2015-03-03  本文已影响39187人  guaker

概述

项目是纯代码编写,到现在一直没有适配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)
上一篇下一篇

猜你喜欢

热点阅读