OC图标+启动图

如何设置App的启动图,也就是Launch Image?

Step1

  • 1.点击Assets.xcassets 进入图片管理,然后右击,弹出"App Icons & Launch Images",选择"New iOS Launch Image"

  • 2.如图,右侧的勾选可以让你选择是否要对ipad,横屏,竖屏,以及低版本的ios系统做支持.这边我选了ios9,ios8.0,ios7.0,ios6.

Step2

将规定尺寸的图片从你的文件中拖动进到固定位置.

系统 尺寸 分辨率
iOS8,9 Rettina HUD 5.5 1242x2208
  Retina HD4.7 750x1334
  Landscape Retina Hd 5.5 2208x1242
ios7 @2x 640x960
  Retina4 640x1136
ios6,5 @1x 480x320
  @2x 640x960
  Retina4 640x1136

也即:

iPhone Portrait iOS 8-Retina HD 5.5 (1242×2208) @3x iPhone Portrait iOS 8-Retina HD 4.7 (750×1334) @2x

iPhone Portrait iOS 7,8-2x (640×960) @2x iPhone Portrait iOS 7,8-Retina 4 (640×1136) @2x

iPhone Portrait iOS 5,6-1x (320×480) @1x iPhone Portrait iOS 5,6-2x (640×960) @2x iPhone Portrait iOS 5,6-Retina4 (640×1136) @2x

上传完毕,那么基本就快好了.

Step3

单击你整个项目名称,然后选择General,就是这个.切记Launch Screen File必须为空

重点来了.

我完成上面的步骤,且设置了Launch Images Srouce 为LaunchImage,但是启动图片还是不变,后来发现Launch SrceenFile,这个里面设置了,进去看下,你的目录下有个文件叫做LaunchScreen.xib或者LaunchScreen.storyboard 打开右侧框,选择这个文件,然后在如图,把Use as launch Srceen取消掉,这个就是你之前一直设置Launch Image不成功的原因

好了,运行一下,Run:当前适配为iPhone 6s plus

iOS App图标和启动画面尺寸

注意:iOS所有图标的圆角效果由系统生成,给到的图标本身不能是圆角的。

1. 桌面图标 (app icon)

  • for iPhone6 plus(@3x)       : 180 x 180
  • for iPhone 6/5s/5/4s/4(@2x) : 120 x 120

2. 系统搜索框图标 (Spotlight search results icon)

  • for iPhone6 plus(@3x)       : 120 x 120
  • for iPhone6/5s/5/4s/4(@2x)  : 80 x 80

3. 系统设置图标 (Settings icon)

  • for iPhone6 plus(@3x)       : 87 x 87
  • for iPhone6/5s/5/4s/4(@2x)  : 58 x 58

4. 启动图片 (launch image)

  • for iPhoen5s/5(@2x)       : 640 x 1136
  • for iPhoen4s/4(@2x)         : 640 x 960

    iPhone6/iPhone6 plus 建议使用 launch file 或 storyboard ;如果依然想使用图片,尺寸数值为:

  • for iPhone 6(@2x)           : 750 x 1334
  • for iPhone 6 plus (@3x)     : 1242 x 2208

5. 另一种根据iOS系统的分类法

Spotlight

  • iOS 5,6

    base: 29pt, 需要 @1x, @2x, @3x,得出:29 x 29, 58 x 58, 87 x 87

  • iOS 7,8

    base: 40pt, 需要 @2x, @3x,得出:80 x 80, 120 x 120

iPhone App

  • iOS 5,6

    base: 57pt,需要 @1x, @2x, 得出:57 x 57, 114 x 114

  • iOS 7,8

    base: 60pt,需要 @2x, @3x,得出:120 x 120, 180 x 180

Settings

  • iOS 5,6,7,8

    base: 29pt,需要 @1x,@2x,@3x,得出:29 x 29, 58x58, 87x87

6. 尺寸总结:

图标尺寸输出列表:

  • 180x180
  • 120x120
  • 87x87
  • 80x80
  • 58x58
  • 57x57
  • 29x29

启动图片尺寸输出列表:

  • 640x960
  • 640x1136
  • 750x1334
  • 1242x2208
时间: 2024-10-23 15:02:33

OC图标+启动图的相关文章

iOS-APP-Icon 图标启动图及名字的设置

本文讲下appIcon图标.启动图及名字的设置 icon for iOS 图标大小参照苹果官网:https://developer.apple.com/library/ios/qa/qa1686/_index.html 两种方法设置图片 1.使用默认方法 使用项目的 Images.xcassets:首先,点击项目名,设置一下配置: 项目设置-Icon 设置成这样之后,意思是使用使用的assets.去到 Images.xcassets,会发现多了一个AppIcon的文件夹,右边有20多个图标位,分

【转】iOS图标(AppIcon)与启动图(LaunchImage)

转载地址:http://blog.csdn.net/wenxiangjiang/article/details/50720871/ 图标(AppIcon)与启动图(LaunchImage)是开发iOS应用程序必不可少的内容,但是在网络上对于这部分的内容讲解的并不详细,所以花些时间写了这篇文章,希望有需要的朋友可以随时查看 想知道AppIcon与LaunchImage的原理,必须对ios设备的发展有一个简单的了解,所以我们先来看一看iPhone系列和iPad系列发展史 iPhone发展史 设备 年

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

概述 项目是纯代码编写,到现在一直没有适配iPhone6和iPhone6 plus,今天做了一些准备工作,app图标和启动图片的适配.项目当时是Xcode5创建的,并设置了app图标和启动图片(iPhone4到iPhone5s的图片).后来升级到Xcode6,因为没有适配iPhone6,app图标和启动图片也一直没改动. App Icons and Launch Images 选择General找到App Icons and Launch Images General Xcode5也是在这个地方

React native 之设置IOS的图标,名称和启动图(下篇文章会讲到RN的android的相关设置)

1.首先,app的名称: 如图所示:我的工程名叫BOOk 在BOOk下面的info.plist的文件里设置app的相关信息:比如Bundle name就是设置APP的名称 2.App的图标:(这里注意的是:1.app的图标有尺寸之分,所以如果图片的尺寸不对,编译也就会失败!2.图标的圆角是系统自己设定的,也就是说,我们上传的图片是正正方方的!) 如图:在工程文件下面的 images.xcassests的文件下是存储图片文件的地方,在IOS开发中一般是将图片放在这个位置,但是在React nati

iOS开发简记(1):指定APP的图标与启动图

各位兄弟姐妹们,早上好,本人花了将近一个月的时间打造了一个完整的IOS版的App, 期间包括开发,测试,上线审核,现在花点时间把实现的过程分享给大家,"知音"app功能简单,适合对象为初学者,后面我会把iOS客户端源码.API接口源码"呈献"给大家,谢谢大家的支持, 欢迎园友一起交流一起学习,废话少说,装逼正式开始: 每个APP都应该有自己的图标跟启动图. 这里介绍怎么设置APP的图标跟启动图. (1)图标 小程的xcode是10.0版本,设置图标的入口如下: 点击

iOS开发(1):设置APP的图标与启动图 | iOS图标的尺寸 | LaunchScreen的使用

每个APP都应该有自己的图标跟启动图. 这里介绍怎么设置iOS的APP的图标跟启动图. (1)图标 小程的xcode是10.0版本,设置图标的入口如下: 点击入口后,进到设置页面,如下: 可以看到有很多空位,在等着拉入图标,因为iphone与ipad,不同的系统,不同的机型尺寸,使用了一系列不同尺寸的图标. 如果最终要提交到appstore,而且这个APP主要是在iphone或ipod上运行的,那应该有下面截图中的图标(包括最上面看到一点点的图标): 每个位置的尺寸,可以计算出来,比如3x的60

启动图

新建项目需要的配置: *最低兼容的系统SDK版本 *AppIcon: *不是所有的icon都是需要配置的,Spotilight是可以不用配置 *icon对应的格子放大多的图:xxpt的格子,@xx-->xx*3 *启动图: *"LaunchScreen.xib"只能支持iOS8系统 *启动图对开发的影响 *如果只配置4s的启动图,没有配置5s的启动图,在5s上面会出现黑条 *如果没有配置6的启动图,跑在6上面,整个界面会被拉大(往下找,找到5s) *如果没有配置6p的启动图,没配

iOS App设置icon,启动图,App名称的方法

每款App都要有自己的icon,和名称.需要的话还需要设置启动图.今天我们就来说一下如何设置这些.本篇博客暂不讨论关于尺寸的问题. icon:icon的设置还是很简单的根据上图的箭头和红框标记所示,首先在工程中选中“images”,然后选择“AppIcon”,把预先准备好的各个尺寸的icon拖到相应的框中. 设置完AppIcon以后,在General -> App Icons And Lauch Images 中 这样设置一下,就会出现这种效果.如果你的图标是粉红色,你的工程就会变得萌萌哒 -

HTML5移动Web开发(七)——通过界面图标启动Web应用

现在我们要使用手机上某个应用时,通过点击屏幕上的图标就可以运行.但是对基于HTML的Web应用来说,运行起来就比较麻烦了,用户必须先打开浏览器,然后访问想使用的应用程序站点.现在我们想把一个指定的Web应用绑定到界面上的一个图标,用户通过点击界面上的图标就可以启动对应的Web应用了. 但是不同浏览器对于触碰图标的反应是不一致的.在这里,我们将探索不同浏览器对于点击图标启动的不同反应,从而使点击图标启动Web应用的特性能够覆盖到更多的浏览器.   下载源代码例子(http://pan.baidu.