iOS(一)UI的appIcon和BrandAsset(LaunchImage)

一,首先我们先来创建一个最简单的程序



点击之后,选择Single View Application,然后点击Next
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第1张图片


输入工程名字,继续点Next
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第2张图片


选择将工程创建的地方,点击Create
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第3张图片


一个最简单的工程就创建完毕了
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第4张图片

二:让我们把这个程序运行起来(直接command+R)

1,无论是App的图标还是载入界面都是一片空白,如何使我们的App拥有自己的图标以及启动界面呢
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第5张图片 iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第6张图片

2,本人用了Prepo这个软件,iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第7张图片   打开这个软件,将图片拖进去,就可以自动生成不同尺寸的图片(满足苹果官方要求的尺寸),根据图片的尺寸正确的拖入相对应的图标中(不知道该拖入多大的图标?选中之后,右边就会提示这个框该拖入多大的图片),如果还想创建iPad的图标,只要右边选中iPad,再将图片拖入iPad的框便可成功

iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第8张图片
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第9张图片现在是: iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第10张图片

3,该如何添加启动界面呢,找到Targets > General > App Icons and LaunchImages 
这里有两个选项Launch Images source和 Launch Screen File
两者选其一,用了Launch Images source,就代表用了和AppIcon类似的方法,导入不同尺寸的图片来适配不同的屏幕(记得把Launch Screen File清空)


3.5 inch :

像素大小:640x960 适配 iPhone 4

4.0 inch screen: 

像素大小:640x1136 适配 iPhone 5


4.7 inch screen: 

像素大小:750x1334 适配 iPhone 6 

5.5 inch screen: 

像素大小:1242x2208 适配 iPhone 6 Plus

点击Launch Images Source中的Use Asset Catalog,然后出现Migrate laugh images.....,点击Migrate即可
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第11张图片 iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第12张图片
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第13张图片

在Asset.xcassets里会出现一个Brand Assets,将图片按照上述的尺寸进行调整大小,然后拖进去即可,运行一下,你就可以看见启动画面了
iOS(一)UI的appIcon和BrandAsset(LaunchImage)_第14张图片
你觉得启动画面太短?在AppDelegate.m的
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions方法里加上一段代码

 [NSThread sleepForTimeInterval:1.0];//延长启动页面时间



下一篇 iOS启动引导界面(就是第一次下载App会出现的界面)

http://blog.csdn.net/u012723810/article/details/49888497



你可能感兴趣的:(iOS(一)UI的appIcon和BrandAsset(LaunchImage))