xcode6利用 LaunchScreen.xib添加启动图片

今天没事,回顾下之前的项目,看到有个LaunchScreen.xib 文件,这货在xcode6创建项目就有了,这是 Xcode6/iOS8的新功能,也就是说,在LaunchScreen.xib中添加启动图片,是为了支持iOS8的,而不支持iOS7。其实在目前的项目用不上,不过做了技术准备,就写下来吧。

然后开始吧,利用xcode6 和iOS8 创建了一个SingleViewApplication。
点击左侧项目中的Image.xcassets


xcode6利用 LaunchScreen.xib添加启动图片_第1张图片
选中Image.xcassets

在image.xcassets右侧空白处右键创建一个新的Image set

xcode6利用 LaunchScreen.xib添加启动图片_第2张图片
新建Image set

这里我给Image set改了个名welcome


xcode6利用 LaunchScreen.xib添加启动图片_第3张图片
选中Image set

选中welcome ,在右侧的Devices 下拉选项中选择Device Specific 告诉Xcode 哪些设备可以从welcome中应用图片

xcode6利用 LaunchScreen.xib添加启动图片_第4张图片
选择Device Specific

然后我们勾选上iPhone 和iPhone 4-inch 来达到全部iPhone 启动图片适配

xcode6利用 LaunchScreen.xib添加启动图片_第5张图片
选择iPhone 和iPhone 4-inch

好了,这里我们准备好启动图片 要对应好尺寸哦,拖入对应的区域

xcode6利用 LaunchScreen.xib添加启动图片_第6张图片
加入图片

需要注意的是 iPhone6+的图片放在 3x 位置,对应的图片尺寸为 1242 × 2208
iPhone5s的图片放在 Retina 4 2x 位置 ,对应的图片尺寸为 640 × 1136
iPhone6和iPhone4s都是用的2x,将尺寸为 750 × 1334的图片 放入 2x的位置即可让iPhone 6 和iPhone 4s都显示启动图片。

做好这些工作之后,我们切换到LaunchScreen.xib 文件

xcode6利用 LaunchScreen.xib添加启动图片_第7张图片
选择LaunchScreen文件

选中view 上的两个控件,删掉

xcode6利用 LaunchScreen.xib添加启动图片_第8张图片
移除多余的控件

然后添加一个ImageView ,并设置约束 ,距离上左下右边距都为0,点add 4 constraints

xcode6利用 LaunchScreen.xib添加启动图片_第9张图片
添加ImageView并设置约束

点击下图红框的位置更新约束


xcode6利用 LaunchScreen.xib添加启动图片_第10张图片
更新约束1
xcode6利用 LaunchScreen.xib添加启动图片_第11张图片
更新约束2

好了,我们在imageView 的image 栏输入 wel, xcode 应该能很快感应到welcome这个图片资源啦,然后敲回车

xcode6利用 LaunchScreen.xib添加启动图片_第12张图片
设置Image属性
xcode6利用 LaunchScreen.xib添加启动图片_第13张图片
完成后的样子

到此,利用LaunchScreen加载启动图片就完成咯,用模拟器切换不同型号的设备开始测试吧。
需要指出的是利用LaunchScreen.xib 加载启动图片只在iOS8+版本有效。

源代码见 https://github.com/onsucs/LaunchScreen

你可能感兴趣的:(xcode6利用 LaunchScreen.xib添加启动图片)