使用 `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
评论已关闭