ionic之自动生成app图标和启动页面

素材准备

icon.png 1张

最小尺寸为192*192 （最好是1024*1024的)
不带圆角
格式为 png、psd、ai

splash.png 1张

最小尺寸为2208*2208
中间尺寸（因为涉及到缩放和裁剪，边缘可能需要留白，不要放置内容） 1200*1200
格式为 png、psd、ai

流程

放置位置

自动生成

通过命令行进入项目中，然后执行

ionic resources

生成完成后，可以进入resources目录下面的android文件夹里面，看看是不是自动生成了icon和splash的各类图标。

因为我只添加了android平台，所以此命令仅生成了android的相应图标

修改config.xml

文中红色框中的就是启动页面的持续时间，改为你想要的持续时间即可。单位是毫秒

生成apk

ionic build android

效果展示

ionic之自动生成app图标和启动页面相关推荐

python画苹果标志图片_Mac生成APP图标和启动图的脚本
概述之前用的一个批量导出APP图标和启动图的软件,今天发现收费了,于是自己造了个简单的轮子. 实现 Mac上的sips命令,可以很方便的帮助用户修改图片尺寸 Xcode里面的APP启动图资源包含两部 ...
ios 启动图一键生成工具_Mac生成APP图标和启动图的脚本
概述之前用的一个批量导出APP图标和启动图的软件,今天发现收费了,于是自己造了个简单的轮子. 实现 Mac上的sips命令,可以很方便的帮助用户修改图片尺寸 Xcode里面的APP启动图资源包含两部 ...
android切图倍数,【Flutter工具】fmaker:自动生成倍率切图/自动更换App图标
在<浅谈Flutter的优缺点>文章中,我指出了Flutter存在切图困难,资源管理困难的缺陷,所以我使用node.js编写了一个小工具,可以帮您快速生成低倍率图片,并为iOS与安卓生成各 ...
android 抢红包切图,【Flutter工具】fmaker:自动生成倍率切图/自动更换App图标
在<浅谈Flutter的优缺点>文章中,我指出了Flutter存在切图困难,资源管理困难的缺陷,所以我使用node.js编写了一个小工具,可以帮您快速生成低倍率图片,并为iOS与安卓生成各 ...
01.使用.svg格式图片生成app图标详细步骤和注意事项
Android8.0之后引入了矢量图标,可以支持动态特效,在不同安卓版本上可以相对应的显示圆形.方形圆角,方形图标需要两张.svg格式的图片,一张前景图,一张背景图,分别命名为ic_launcher ...
使用Inno Setup 6将exe文件打包成压缩包并设置压缩后自动生成桌面图标
文章目录前言一.下载Inno Setup 6 二.安装步骤 1.安装Inno Setup 6并打开 2.进入制作页面 3.进行安装总结前言本文讲述了通过Inno Setup 6进行打包安装, ...
iOS 最新App图标和启动画面尺寸(补充-2)
联系人:石虎 QQ:1224614774 昵称: 嗡嘛呢叭咪哄 QQ群:807236138 ...
Flutter引入iconfont图标，并自动生成dart图标文件
Flutter引入iconfont图标并自动生成dart图标文件下载iconfont文件 flutter 项目 pubspec.yaml文件中配置自动转换脚本下载iconfont文件将icon ...
从0开始架构一个IOS程序—— 02 — 设置启动图标与启动页面
从0开始架构一个IOS程序 02设置启动图标与启动页面 Mac OSX 10.11 之后 1 指定应用程序所要加载的应用图标与启动加载图片 2 应用图标的相关设置 3 启动图片的相关设置
iOS 开发快速生成APP图标
方式一: App Store上面的良心免费工具App Icon Gear只需要一张1024*1024的原图即可生成一套图标链接:https://itunes.apple.com/cn/app/app ...