ionic自动生成icon和splash

时间:2024-04-05 22:43:43

        ionic生成icon和splash用来作为app的图标和启动动画。最新命令是ionic cordova resources,切换到项目目录下使用,之前的版本命令是ionic resources,现在已经不适用。

        我们需要在项目目录下的resources目录下放置两张对应的png图片,并且名字为icon.png和splash.png,icon.png最少要1024 x 1024px,splash.png最少要2732 x 2732px,执行成功后会在resources目录下生成android和ios目录,里面存放着对应不同适配的图片。注意使用这个命令时候需要我们登陆ionic账户,并且需要在联网状态下,其实这个命令的原理是由我们将这两张图片上传到ionic,由他们帮我们制作成对应的图片在返回给我们。

ionic自动生成icon和splash

        相应的命令:ionic cordova resources ios 只生成对应的ios图片资源

                          ionic cordova resources android 只生成对应的android图片资源

        对应的我们还可以添加一些option:

                         --force,-f:强制资源再生

                         --icon, -i:只生成图标资源

                         --splash, -s:只生成启动动画资源

       例如:ionic cordova resources ios -icon

更多的一些配置我们可以去config.xml中配置

遇到的问题:

ionic cordova resources . {"Error":"unable to read uploaded image","Width":0,"Height":0,"Type":"png","Vector":false}

一定要确认图片是png格式的并且导出图片的时候要选择无交错的。