今天,来个小短文。主要是做了几个Flutter项目,每次都要把一些iOS和Android平台相关的尺寸要提供给设计同学,每次把有得去找。这次索性总结,记录一下,省的要用的时候,来也匆匆,去也冲冲~
一、ios端App icon图片尺寸
ios端主要包含两种图片,一种是App icon;一种是Launcher。
我们先来瞄一下App icon,其实对不对偶也不知道,反正不是ios出身,大家自己掂量掂量,哈哈。
打开Xcode,在Assets.xcassets中选择AppIcon,其实发现有很多种类的图片,我开始以为只有一种App icon,其实它还是分了很多种类:
iPhone App Icon
Icon类型 | 用途 | 尺寸 |
---|---|---|
iPhone Notification iOS 7-14 | Notification图标 | 2x/3x 20*20pt |
iPhone Settings iOS 7-14 | Settting中的图标 | 1x/2x/3x 29*29pt |
iPhone Spotlight iOS 7-14 | 2x/3x 40*40pt | |
iPhone App iOS 7-14 | App Icon图标 | 2x/3x 60*60pt |
iPad App Icon
Icon类型 | 用途 | 尺寸 |
---|---|---|
iPad Notification iOS 7-14 | Notification图标 | 2x/3x 20*20pt |
iPad Settings iOS 7-14 | Settting中的图标 | 1x/2x/3x 29*29pt |
iPad Spotlight iOS 7-14 | 2x/3x 40*40pt | |
iPad App iOS 7-14 | iPad App Icon图标 | 1x/2x 76*76pt |
iPad Pro(12.9-inch) iOS 9-14 | iPad Pro App Icon图标 | 2x 83.5*83.5pt |
App Store Icon
Icon类型 | 用途 | 尺寸 |
---|---|---|
App Store iOS | AppStore展示图标 | 1x 1024*1024pt |
上面的尺寸表格从ios端Xcode里拿的,反正在项目中使用到的尺寸。
二、ios端Launch splash图片尺寸
因为在进入到App页面时,要从原生端调起,所以会有一段 白屏或者黑屏的过程,所以需要设置Launch启动图。在ios中只能使用一整张图作为launch启动图:
** | 尺寸 |
---|---|
1x | 375*667px |
2x | 750*1334px |
3x | 1125*2001px |
三、结语
以上就差不多是iOS端所用到的图片尺寸了,或许有些不准确。也请大家熟悉和了解的,如有错误请指出,已提供更准确的尺寸信息给到大家~