apple开发相关

iOS AppIcon和启动页寸尺大小规范详解

2018-06-05  本文已影响23人  恋空K

AppIcon介绍:

在xcode的images.xcassets的AppIcon下,会有对面的图标的大小说明,如下图

在对应的位置放入对应大小的图标就OK了。本人特意实验了下,只要对应位置的图片大小是正确的,不管是@1x,@2x,@3x的图都是可以的。(比如:假设icon-Small.png,icon-Small@2x.png, icon-Small@3x.png大小都是58 x 58的。那这三张图都可以放入上图对应的大小为58,下标为2x的地方,而且效果是一样的)。当然咯,最好的是,对应2x图的地方放2x的图,对应3x图的地方放3x的图,这样规范些。

在附上苹果官方对AppIcon图标大小规范解释的地址链接(https://developer.apple.com/library/ios/qa/qa1686/_index.html)。有兴趣的同学可以自己查看

启动页介绍:

App的启动页即LaunchImages,需要不同大小的图片来配置不同的设备,切记图片一定要是png格式的(一定要是做出来就是png的,不能是自己修改成png格式),否则打包安装时会出错,且启动页显示不出来

苹果的官方截图如下:

一般我们只需要设置Portrait size就OK了。(也就是竖屏情况下)

如果是新建项目,点击工程目录中的Images.xcassets,是没有LaunchImages,需要自己创建,点击右下角的➕按钮创建一个。如下图:

iPhone X  Portrait  iOS 11+对应的图片大小为 1125 x 2436  图片命名规范为iPhoneX@3x.png

iPhone Portrait iOS 8+ Retina HD 5.5"对应的图片大小为1242 x 2208 图片命名规范为loading_1242@2x.png

iPhone Portrait iOS 8+ Retina HD 4.7"对应的图片大小为750 x 1334 图片命名规范为loading_750@2x.png

iPhone Portrait iOS 7+ 2x对应的图片大小为640 x 960 图片命名规范为loading_960@2x.png

iPhone Portrait iOS 7+ Retina 4对应的图片大小为640 x 1136 图片命名规范为loading_1136@2x.png

iPhone Portrait iOS 5.6 2x对应的图片大小为640 x 960 图片命名规范为loading_960@2x.png

iPhone Portrait iOS 5.6 Retina 4对应的图片大小为640 x 1136 图片命名规范为loading_1136@2x.png

⚠️配置启动页还有几点需要注意的地方:

点击项目目录的工程 -> target -> General -> App Icons And Launch Images将Launch Images Source的选项设置为LaunchImage,切记当APP不是用LaunchScreen.xib来配置启动页时,LaunchScreen File的选择状态一定为空!!!!如下图:

以上步骤都只走完,app启动页还是不出现,还可以试试这个方法:启动页是通过新建工程项目之后,自动生成的一个LaunchScreen.storyboard 文件配置的,这是将如下图片中(Use as launch Screen) 选项勾去掉即可。如下图:

要是需要自定义启动页的时长,设置方法为:在(AppDelegate.m)-- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 方法中调用[NSThread sleepForTimeInterval:3.0];即可。

⚠️:启动页图片一定要是png格式的~

上一篇下一篇

猜你喜欢

热点阅读