今天简述一下iOS 程序图标AppIcon和启动页面LaunchImage的设置。
在设置之前,先了解一下iOS屏幕尺寸:
为了适配不同尺寸的iPhone产品,我们的启动图标和启动页面也要有对应的尺寸。图4-1中,我们看到1x、2x、3x,这可以理解为一个标记,在开发时可以为不同分辨率的设备统一为一个尺寸。iPhone 4有一个新特性:在屏幕尺寸不变的情况下,分辨率提升一倍,由320*480(1x) --> 640*960(2x),也就是Retina屏。开发时图片用同一个名字,只要在后面加上@2x、@3x,系统就会自动加载它需要的尺寸到设备上。
设置APPIcon:
如图4-2,打开程序.xcassets文件,看到AppIcon项,我们可以在右边App Icon选项中选择Apple产品和系统版本。
例如图4-3,选择IPhone iOS 7.0 and Later,在AppIcon中会出现需要添加的Icon图片,并在下面附上详细信息,如第一项,iPhone Spotlight - iOS 5,6 / Settings - iOS 5-9 29pt, 在2x中需要 58*58的图片(29 × 2),3x中需要87*87的图片(29 × 3),把对应的Icon图片放到相应位置即可。
官方Icon and Image Sizes:Icon and Image Sizes
设置LaunchImage:
如图4-4,在.xcassets文件中没有LaunchImage选项,右击App Icons & Launch Images --> New iOS Launch Image,建立好LaunchImage后同样可以在右边Launch Image选项中选择Apple产品和系统版本。启动图片的尺寸(竖屏):
2x 640*960 px
Retina 4 640*1136 px
Retina HD 4.7 750*1334 px
Retina HD 5.5 1242*2208 px
iPhone X / Xs 1125*2436 px
iPhone Xs Max 1242*2688 px
iPhone Xr 828*1792 px
初次设置时需要修改工程相关设置,如图4-5,点击工程 - TARGETS - General,找到App Icons and Launch Images,将Launch Screen File清空。
完成上一步操作后,还需要找到LaunchScreen.storyboard文件,将右侧Use as Launch Screen选项去掉。如图4-6。
简述适配:
因为上面提到了@2x、@3x的图片,最后简单说一下相关适配,原理相同,同一个图片名字,上传多套图片即可,系统会自动加载需要的尺寸。对于启动动画这种比较特殊的,如图4-7,可以根据版本号、尺寸进行判断,选择需要的图片。