关闭

Xcode设置苹果应用的app icon和launch image(应用图标和启动页面)

标签: launch imageapp iconxcassets应用图标分辨率
7787人阅读 评论(0) 收藏 举报
分类:

在苹果应用的开发后期,我们需要对应用设置显示的图标以及启动界面(启动界面也可以省略),Xcode是一个非常方便的工具,到了7.3版本,已经在这块非常成熟了,不再需要plist,只需xcasset文件就可以,也不需要再关心具体文件的命名了。

在开始之前,我们先要了解需要用到的分辨率,以下归纳的分辨率是universal的,不是iPhone-only或者iPad-only,如果只需要其中一种可自行调整。

app icon的分辨率:(正方形)

29pt: 1x=29*29,2x=58*58,3x=87*87

40pt: 1x=40*40,2x=80*80,3x=120*120

50pt: 1x=50*50,2x=100*100

57pt: 1x=57*57,2x=114*114

60pt: 2x=120*120,3x=180*180

72pt: 1x=72*72,2x=144*144

76pt: 1x=76*76,2x=152*152

83.5pt:  2x=167*167

其中,iphone使用到的是29,57,58,80,87,114,120,180;

ipad使用到的是29,40,50,58,72,76,80,100,144,152,167。

在开始设置之前,请确保已经将图标生成对应的像素大小,便于调用。

 

launch image的分辨率:

portrait:

1x=320*480

2x=640*960

Retina 4=640*1136

Retina HD 4.7=750*1334

Retina HD 5.5=1242*2208

landscape:

1x=1024*768

2x=2048*1536

1x=1024*748(Without Status Bar)

2x=2048*1496(Without Status Bar)

Retina HD 5.5=2208*1242

其中,iphone使用到的landscape只有Retina HD 5.5,portrait全用;

ipad使用到的landscape除了Retina HD 5.5外都有,portrait只有1x和2x。

在开始设置之前,请确保已经将启动图像生成对应的像素大小,便于调用。

 

制作流程

裁剪好图片资源后,我们接下来对xcasset文件操作,添加图片资源。

在工程设置general里头,找到这个选项,如果是don't use asset catalogs,就单击选取,migrate到xcasset里,而后会在左边的树状结构出现image.xcassets

单击后,在这空白处右键,选择App Icons & Launch Images,会看到New iOS App Icon(新建图标)以及New iOS Launch Image(新建启动图像)

我们先来看Icon的制作,很简单,单击AppIcon后,右侧出现如图所示:

将我们之前做好的图标,按照我上述总结的表,一个个对应拖进去就可以了,不需要其他操作。拖完后Xcode自动会重命名一份到工程里,不用担心删掉制作的Icon或者移动文件后会出问题。同时,在同级下的Contents.json会记录相应的文件信息。这样就做好图标了。

 

LaunchImage的制作类似,但是需要注意,Icon是必须都要添加,而启动界面只需要添加需要的即可。单击LaunchImage如图所示:

对于很多游戏,我们需要横屏显示,而iPad的设置非常方便,只需要将对应的Landscape图拖到对应的框内即可,而iPhone非常坑,只有一个Landscape,还是Retina HD 5.5的,这是6plus用的,其他的都需要通过portrait设置。我第一次设置的时候以为苹果会自动把高清的切成低分辨的,结果打开是黑屏。查阅后才明白原来是要设置portrait,而为了横屏显示,portrait图片需要调整,将本来正常显示的landscape图像转动90度后在拖入,这样读取的时候横过来显示,就是正常的。

举个例子,启动界面想要这样的效果:

我们在拖入iPhone的设置中,需要变成:

这样portrait变成landscape就正常了。实在搞不懂苹果为什么要这样,像iPad一样搞个landscape不就好了么?这些按需要都设置好后,就可以正常运行了。如果需要替换资源,先选中要替换的,右击remove后再拖入,以防有冲突。

大家试试看吧,希望有需要的朋友们看了以后都再踩坑~

1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

Xcode添加应用图标以及启动界面

寻找了许久的资料,记录下Xcode添加应用图标以及启动界面的学习笔记
  • xiaoluodecai
  • xiaoluodecai
  • 2016-02-01 10:55
  • 5378

Xcode7.2 设置应用启动图片和图标

一步一步来操作一下:首先创建一个新的项目 设置应用图标步骤如下: 1点击Assets.xcassets,点击AppIcon可以看到如下场景:(注:下面对应着应用图标的大小,根据需要的大小全部适配....
  • longshihua
  • longshihua
  • 2016-02-24 15:31
  • 8802

设置App icon图标及修改应用程序名

前言 这是iOS开发技巧系列博客的第二篇,本篇主要简单介绍一下如何设置应用程序的icon图标以及修改应用程序名。 设置 icon 首先我们来看看如何设置App icon图标,设置应用...
  • u012561979
  • u012561979
  • 2017-03-09 13:59
  • 106

iOS开发技巧:设置App icon图标及修改应用程序名

前言这是iOS开发技巧系列博客的第二篇,本篇主要简单介绍一下如何设置应用程序的icon图标以及修改应用程序名。设置 icon首先我们来看看如何设置App icon图标,设置应用程序的icon图标主要有...
  • Hierarch_Lee
  • Hierarch_Lee
  • 2016-03-03 18:58
  • 34414

iOS开发-xCode6(iOS 8)中应用程序图标和启动页面设置

iOS8中设置应用程序图标跟之前没有什么变化,命名规则不变,不过至于设置启动页面,网上给的方式很多都是模棱两可的,东平西凑总算是把启动页面的图片设置成功了,iOS设置启动图片有两种方式一种是Launc...
  • guggy
  • guggy
  • 2016-10-21 10:16
  • 619

获取APP的Launch Image,实现启动页面的过渡动画。

文章转自里脊串大神的博客http://adad184.com/2015/10/15/tips-access-current-launch-image/ 启动图(LaunchImage)的管理其实在i...
  • a416863220
  • a416863220
  • 2015-12-04 11:11
  • 1225

App各种Icon及Launch image的尺寸和用途 移动端尺寸基础知识

原文地址:http://blog.csdn.net/justtellu/article/details/42121197 与 http://colachan.com/post/3435 ...
  • mushaofeng1990
  • mushaofeng1990
  • 2015-07-30 16:26
  • 1564

App各种Icon及Launch image的尺寸和用途 移动端尺寸基础知识

12月12日北京OSC源创会 —— 开源技术的年终盛典 »   目录[-] 现象像素密度倍率与逻辑像素单位Web怎么办实际应用iPhoneAndroidWeb总结 IOS...
  • binglan520
  • binglan520
  • 2015-11-26 09:33
  • 2906

ios App Icon 和Launch Images图标规格尺寸

程序猿们辛苦写完App马上就要上线了,提交到app store审核的时候却异常麻烦。相比安卓应用,ios对图标尺寸的要求简直丧心病狂。网上随便一搜介绍的都太复杂,自己研究了下,在xcode中就可以查看...
  • WorthyZhang
  • WorthyZhang
  • 2015-04-27 15:07
  • 1549

xcode7、iOS9 设置启动图片(Launch Image)

一.添加启动图片 点击Image.xcassets进入图片管理,右击,弹出"New Launch Image"或点下面的+号创建Launch Image;如图,右侧的勾选可以让你选择是否要对ipa...
  • Riven_wn
  • Riven_wn
  • 2015-10-20 11:57
  • 44149
    个人资料
    • 访问:31770次
    • 积分:529
    • 等级:
    • 排名:千里之外
    • 原创:22篇
    • 转载:0篇
    • 译文:0篇
    • 评论:6条
    最新评论