Ionic 启动及应用图标
2017-12-15 10:38
106 查看
1.在项目的根目录下创建resources文件夹。 2.在文件夹中都放入icon.png(应用图标,最小192x192px,不带圆角),splash.png(启动屏幕,最小2208x2208px,中间区域1200x1200px)(可以是png、psd、ai) 3.在cmd中进入项目所在文件夹执行:[html] view plain copy print?执行该命令后,会自动在resources文件夹下创建已添加的平台名称的文件夹,如:android,其中会自动将图片上传至ionic的服务器, 进行缩放、裁剪,生成不同分辨率的图片,并在config.xml中添加相应内容。 也可分开执行:[html] view plain copy print?
- ionic resources
注意:执行以上命令时需在线!
- ionic resources --icon
- ionic resources --splash
DENSITY | SIZE | LOCATION | RATIO | SCREEN | MARGIN |
---|---|---|---|---|---|
XXXHDPI | 192×192 | drawable-xxxhdpi | 4 | 640 DPI | 12 to 16 pixels |
XXHDPI | 144×144 | drawable-xxhdpi | 3 | 480 DPI | 8 to 12 pixels |
XHDPI | 96×96 | drawable-xhdpi | 2 | 320 DPI | 6 to 8 pixels |
HDPI | 72×72 | drawable-hdpi | 1.5 | 240 DPI | 4 to 6 pixels |
MDPI | 48×48 | drawable-mdpi | 1 | 160 DPI | 3 to 4 pixels |
MDPI | 48×48 | drawable (Cupcake) | 1 | 160 DPI | 3 to 4 pixels |
LDPI | 36×36 | drawable-ldpi | 0.75 | 120 DPI | 2 to 3 pixels |
NA | 512×512 | Google Play | NA | NA | As required 来源: <http://blog.sina.com.cn/s/blog_4b20ae2e0101h84o.html> |
来自为知笔记(Wiz)
相关文章推荐
- Ionic 自动创建应用的图标与启动画面
- Ionic 中 Icon(应用图标)和splash Screen(启动画面)
- ionic开发——app应用名字,应用图标及启动动画的修改
- Ionic系列——修改应用图标和启动页
- ionic App应用名字+应用图标+启动画的修改
- ionic 添加应用图标与启动页
- 用Ionic命令行工具来自动生成应用图标、启动屏幕
- Ionic3 启动页以及应用图标
- ionic更改应用图标和启动画面
- 轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
- Salesforce hybrid app 使用ionic 命令轻松 替换应用图标(icon)和启动画面(splash)
- 轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
- [转]轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
- [转]IOS启动图以及应用图标
- ionic 修改应用名称 、启动页出现黑白屏 及 修改百度离线地图 点聚合 图标
- launcher界面点击应用图标启动Activity流程分析
- 隐藏应用的图标,使其他应用可启动本应用
- Android应用按Home键再从图标启动会再次经过LAUNCHER启动页
- Ionic如何更改应用程序图标以及启动界面SplashScreen
- ios判断用户第一次启动和怎么修改或添加应用的图标