今天，来个小短文。主要是做了几个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端所用到的图片尺寸了，或许有些不准确。也请大家熟悉和了解的，如有错误请指出，已提供更准确的尺寸信息给到大家~
网友评论