[转]IOS启动图以及应用图标

设置应用程序图标和引导画面

一个好的应用程序图标,不仅会给用户留下良好的第一印象,而且可以帮助用户在茫茫多的桌面图标中,快速发现你的应用程序。本文将介绍如何把已经设计好的图标以及启动图片添加到我们的应用程序。

大纲

  1. 图标的规格及说明;
  2. 启动图片规格及说明;
  3. 添加素材演练;
  4. 设定启动图片显示时间。

一. 图标规格及说明

iOS中图标的名称及规格见下表:

序号 文件名 规格 说明 备注
1 iTunesArtwork 512 * 512 发布到App Store时使用 可选
2 Icon.png 57 * 57 iPhone/iPod的主屏幕图标 必须提供
3 [email protected] 114 * 114 iPhone 4的主屏幕图标  可选
4 Icon-72.png 72 * 72 iPad的主屏幕图标 可选
5 Icon-Small.png 29 * 29
iPhone/iPod搜索栏和设置中显示

iPad的设置中显示

可选
6 [email protected] 58 * 58 iPhone 4搜索栏和设置中显示 可选
7 Icon-Small-50.png 50 * 50  iPad搜索栏、中显示  可选

说明:

  1. 图标文件的文件名称必须严格按照上表中的设定;
  2. 如果只制作了一个名为“Icon.png”的图片,系统会根据实际需要的尺寸对其进行缩放处理,但考虑到实际显示效果,最好还是按照上表中的规格制作前4个的图标文件;
  3. 如果应用程序允许用户在手机的“设置”中进行某些设置操作,最好提供上述7个图标的全部文件;
  4. 如果制作的应用仅在iPad上运行,则只需提供上表中的1、4、5、7四个文件即可。

二. 启动图片规格及说明

1. iPhone应用程序启动图片规格表:

序号 文件名 规格(有状态栏) 规格(全屏) 说明
1 Default.png 320 * 460 320 * 480 低分辨率屏幕使用
2 [email protected] 640 * 920 640 * 960 高分辨率屏幕使用

注意:iPhone的启动图片是不区分方向的,也就是说不会随着设备方向自适应调整方向。

2. iPad应用程序启动图片规格表:

序号 文件名 规格(有状态栏) 规格(全屏) 说明
1 Default-Portrait.png 768 * 1004 768 * 1024 竖屏启动图片
2 Default-Landscape.png 1024 * 748 1024 * 768 横屏启动图片

三. 添加素材演练

在以前版本的Xcode中,添加图标和启动图片相对有些麻烦,而且苹果默认给图标增加了高光效果,但是对于美工来讲,这种高光效果往往达不到预期效果。在Xcode 4.3.2中,一切变得简单了许多。

1. 准备素材,同时按照上面表格中的约定对不同规格的图片进行命名,并且统一存放在一个文件夹中;

2. 将素材文件的文件夹从Finder中,拖拽到项目中,会弹出下图所示的窗口,点击“Finish”按钮;

3. 如果不想使用图标默认的高光效果,可以点击导航区域的项目名称,然后点击“TARGETS”下的项目名称,勾选上“App Icons”边上的“Prerendered”即可,如下图所示:

小提示:对于已经存在图标文件或者启动图片,如果想要替换的话,不要直接把新的图片文件往Xcode里面拖,直接在Finder里面复制即可。:]

四. 设定启动图片显示时间

到此为止,基本工作就已经完成了。但是在运行应用时,你会发现启动图片显示的时间非常短!那么如何设置iOS启动图片的显示时间呢?因为我们实在不想让美工精心设计的图片就这么一闪而逝了。另外,我们还可以在显示启动图片时做些其他事情,譬如:播放一小段音频,吸引一下用户的注意力。

1. 在导航区域点击并打开“AppDelegate.m”文件;

2. 找到

1 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
2 {
3     // Override point for customization after application launch.
4     return YES;
5 }

3. 在其中添加一句 [NSThreadsleepForTimeInterval:5]; 如下所示:

1 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
2 {
3     // Override point for customization after application launch.
4     [NSThread sleepForTimeInterval:5];
5
6     return YES;
7 }

说明:现在,就可以根据实际需要自行设定启动图片停留的时间了,一切就是这么简单!:]

时间: 2024-10-23 02:37:10

[转]IOS启动图以及应用图标的相关文章

iOS启动图和开屏广告图,类似网易

iOS启动图和开屏广告图,类似网易 启动图是在iOS开发过程中必不可少的一个部分,很多app在启动图之后会有一张自定义的开屏广告图,点击该广告图可以跳转到广告图对应的页面.今天呢,和大家分享一下如何添加这张广告图以及点击广告图的跳转.这个广告图是通过将UIImageView添加到UIWindow上实现的. 一.添加本地启动图 1.准备好本地图片 2.找到工程中的Images.xcassets文件,打开LaunchImage,将图片拖到对应的地方,如下图: 3.将LaunchScreen.stor

iOS 启动图添加后没有效果

问题描述:按步骤设置好启动图后发现无论虚拟机还是真机都没启动图效果,还是空白启动.删除原来的APP,再次重新运行就可以了. 自己写的一个很简单的包含应用引导页面.启动和icon图demo,资源demo链接:http://download.csdn.net/detail/wusangtongxue/9502653 一.引导图 demo中应用的是一个第三方,没什么好说的.首次启动程序才会出现. 二.启动图 关于如何设置启动图,主要参考这两篇博文:http://blog.csdn.net/lmyuan

iOS 启动图相关

启动图命名 如果按照规律来看default.png[email protected][email protected][email protected][email protected]后面两个是6和6+. icon● [email protected] – 60×60 iPhone Retina显示屏应用图标 icon及尺寸

iOS启动图-从网络获取的gif图,在本地一直是没有动画,还模糊的

背景介绍:APP启动页,常有静态图加链接,gif加链接,短视频等几种形式.我们APP前期只有静态图这一种,功能已经实现.之后,有了添加gif的需求,按理说,只要添加一个类型判断,按照数据类型,通过不同方法展示内容即可,但是一直不可以..出了这样的问题,下好的gif图,内容类型没错但是通过对应的gif方法显示的内容一直是一张静态图,并且还是模糊的.因为之前的下载图片,以及显示图片的逻辑完全没问题,所以定位问题在显示gif的方法上,所以走了弯路,但是这条弯路是必然要走的. 下面开始我们的星辰大海,我

iOS启动图设置 支持iOS7.0

使用LauchScreen.xib是为了支持iOS8的,而不支持iOS7. 使用LaunchImage,可以兼容iOS7和iOS8. 因为iOS8也会调用LaunchScreen.xib,所以我的做法是直接删除它.就是这个文件: 然后,在Images.xcassets中创建一个LaunchImage 需要在项目属性里,launch Images Source里设置为LaunchImage 需要如下尺寸图片: 用于iPhone6+的1242x2208,或者1080x1920,也就是Retina H

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

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

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