chenzhao

  • java
  • iOS
  • IT
知识积累
不积跬步无以至千里
  1. 首页
  2. iOS
  3. 正文

IOS 图标以及启动界面

2017年 1月 5日 71点热度 0人点赞 0条评论

From: https://my.oschina.net/hqc17/blog/735282

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

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

29pt: 1x=2929,2x=5858,3x=87*87

40pt: 1x=4040,2x=8080,3x=120*120

50pt: 1x=5050,2x=100100

57pt: 1x=5757,2x=114114

60pt: 2x=120120,3x=180180

72pt: 1x=7272,2x=144144

76pt: 1x=7676,2x=152152

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。

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

 

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文件操作,添加图片资源。

![][1]

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

单击后,在这空白处右键,选择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度后在拖入,这样读取的时候横过来显示,就是正常的。

 

 

标签: 暂无
最后更新:2022年 11月 11日

陈昭

IT 程序员

打赏 点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2022 chenzhao. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang