使用 `ionic resource` 命令自动创建应用的图标与启动画面

从现在开始, ionic 增加了一条 resources 命令,这使得我们可以直接通过本地的命令即可自动创建出所有当前项目已添加了的 platform 可用的图标与启动画面,我们只需要在项目的根目录下面新建一个名为 resources 的目录,然后在该目录下保存两张图片即可,图片名称分别为:

  • icon.png
  • splash.png

除了 .png 格式外,你还可以直接使用 .psd 或者 .ai 文件,因为 ionic resources 命令并不是在本地运行,而是将图片文件上传至 ionic 的服务器,由它创建好了所有版本的图片之后再更新至本地,所以,在运行该命令时,你还得保存当前的开发计算机处于联网状态。

以下命令会同时生成图标与启动画面:

ionic resources

若不想同时生成两者,可以单独指定要生成的内容,命令分别为:

ionic resources --icon

ionic resources --splash

图片尺寸要求

不同的系统都有着各自不同的图片尺寸,为了能达到最好的效果,建议图标的尺寸为不小于 192x192px 的正方形图片,同时不需要再圆角,各个系统都会自动的为图片加上自己的圆角。而启动画面则要求尺寸至少为 2208 x 2208px,若你刚好选择的是该尺寸,则将主内容区块限定在该图片绝对居中的 1200x1200px 大小的区域中,这可以保证图片在经过各种裁切后,主要内容不丢失。下载splash.zip示例图上

其它要求

使用 ionic resources 命令要求 cordova CLI 版本为 3.6 或者更高,你可以使用以下命令更新升级:

npm install -g ionic
npm install -g cordova

splash.zip
splash-header.jpg

标签: none

评论已关闭