码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-12-12 16:51:41      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:

概述

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

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

标签:

原文地址:http://www.cnblogs.com/scotfield/p/5041343.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!