ios 启动图一键生成工具_轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)...

9c4390e22e9fe696462bdbc792d5ea3d.png

其中src中的图片路径就为整个项目的相对路径。

我这里偷了个懒,只搞了一个最高像素密度的应用图标(192px*192px)进去,安卓会自动进行压缩。

这里顺便说一下如果要修改应用的名称,只要修改name标签里的内容即可。

5281164.html

68d42559a92981263edb1b28f40c4b98.png

这样在命令行中重新运行ionic run android,就能看到应用图标和名字已经被替换了。

启动画面:

将启动画面的图片拷贝到之前的android文件夹下,splash-land-hdpi.png(640*480)splash-land-ldpi.png(426 × 320)splash-land-mdpi.png(470 × 320)splash-land-xhdpi.png(960 × 720)splash-port-hdpi.png(480*640)splash-port-ldpi.png(320*426)splash-port-mdpi.png(320*470)splash-port-xhdpi.png(720*960)

(名称可随意,只要和config.xml对应上即可)。

在config.xml中添加

其中10000单位为毫秒,即10秒后隐藏启动画面。如果不写第三句,默认3秒隐藏。

如下图所示:

888e6295ff0435e5fe64caee202d51c6.png

5281164.html

我这里没有那么多分辨率下的图片,就随便找了一个稍大分辨率的,density也没写。它会自动将该图片拷贝到drawable文件夹。

这时候再重新运行程序,即可看到启动画面。

用以上的方法,启动画面的显示时长是固定的,很明显不太友好。

未完持续...

以上方法已经可以使用Ionic命令行工具来自动生成了,步骤如下:

1.在项目的根目录下创建resources文件夹。

2.在文件夹中都放入icon.png(应用图标,最小192x192px,不带圆角),splash.png(启动屏幕,最小2208x2208px,中间区域1200x1200px)(可以是png、psd、ai)

3.在cmd中进入项目所在文件夹执行:

ionic resources

执行该命令后,会自动在resources文件夹下创建已添加的平台名称的文件夹,如:android,其中会自动将图片进行缩放、裁剪,生成不同分辨率的图片,并在config.xml中添加相应内容。

也可分开执行:

ionic resources --icon

ionic resources --splash

注意:执行以上命令时需在线!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值