ionic-CLI-图标和启动动画自动生成ionic resources

面对各种平台和不同的分辨率屏幕,生成不同尺寸的图标和启动画面是很麻烦的事,在ionic中这些就交给它处理就行,这里只要使用ionic resources指令就可以实现啦!!下面就是步骤啦:

1.生成图标(启动画面)的png图片,这里的尺寸最好是1024*1024,还有注意不能满屏放置图标,因为ios是会做圆角处理的,还有生成的照片必须是png8格式的,不懂怎么生成的请百度吧;

2.将生成的照片放在ionic项目下的resources/下,图标为icon.png;启动画面为splash.png

3.命令行进入ionic目录,运行ionic resources这样程序就会将你的图片自动上传并生成不同格式的图片到本地resources/android/和resources/ios目录下啦

4.将生成的图片拷贝到相应的平台目录下,如ios就拷贝到platforms/ios/ionic-test(项目名)/Resources/icons(或splash),然后就可以打包啦!

参考地址:

http://ionicframework.com/docs/cli/icon-splashscreen.html

http://forum.ionicframework.com/t/cant-use-png-24-with-ionic-resources/19821

http://blog.ionic.io/automating-icons-and-splash-screens/

ionic开发交流qq群:391871301,欢迎大家过来交流提问

时间: 2025-01-03 09:40:14

ionic-CLI-图标和启动动画自动生成ionic resources的相关文章

IOS开发之Iphone和Ipad应用程序图标和启动动画

本文转载至 http://blog.csdn.net/yesjava/article/details/8782060 当我们用xcode开发iphone和ipad应用程序的时候,我们可以用一下表中所显示的去设置应用程序的图标和启动图像: 图片名称 图片size(单位像素) 应用的平台 Icon.png 57 x 57 应用程序图标 Icon-settings.png 29 x 29 设置区域通用的应用程序图标.备选方案名称:Icon-Small.png Icon~ipad.png 72 x 72

mysql无法启动问题的解决方案:mysql.sock重启不自动生成,mysqld_safe启动报错

mysql无法启动问题的解决方案:mysql.sock重启不自动生成,mysqld_safe启动报错 - superlucky 时间 2013-08-03 11:55:00 博客园-原创精华区 原文  http://www.cnblogs.com/super-lucky/p/superlucky.html 主题 MySQL 本人还是个菜鸟,下面是我的经验之谈,能解决一些问题,有不对的地方,敬请斧正. 我的是CentOS6.3+MySQL5.1.57. 重启了一次服务器后, 使用> mysql -

MySQL数据库自动生成并修改随机root密码的脚本

在MySQL数据库部署的过程中,在安装了MySQL软件,并配置了my.cnf配置文件后,需要创建MySQL实例. MySQL 5.5实例创建完成了,默认会有登陆用户名和密码为空的用户,一般需要修改root用户密码,并删除无效用户,然后才能提供给应用使用. 这个过程可以通过shell脚本自动完成实例创建,启动,自动生成密码,修改root用户密码,删除无效用户. shell脚本有多种编写方法,我编写的shell脚本如下: #!/bin/bash # this scripts used to init

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

本文转自:http://blog.csdn.net/zapzqc/article/details/42237935 由于Ionic更新了命令行工具,以后修改应用图标和添加启动画面就简单了,最新方法见最下方: 应用图标: 1.在整个项目所在文件夹下创建res文件夹,里边再分别创建两个文件夹android和ios. 2.针对Android平台:将我们的要替换的启动图标放如android文件夹下.可以分别起名为:mdpi.png(48*48),hdpi(72*72).xhdpi(96*96).xxhd

【Ionic学习】---App名字和图标修改+启动画修改

[app名称修改] 修改config.xml--name标签 [图标和启动画修改] //进入项目所在文件夹执行ionic resources 执行该命令后,会自动在resources文件夹下创建已添加的平台名称的文件夹,把相应素材放到文件夹如下图 resources/android/icon/app.png---应用图标 resources/android/splash/start.png---启动画 <platform name="android"> <icon s

前端的小玩意(9.4)——做一个仿360工具箱的web页面(自动生成所有图标,对图标添加响应逻辑)

前端的小玩意(9.1)--做一个仿360工具箱的web页面(Tab按钮切换) http://blog.csdn.net/qq20004604/article/details/52216203 前端的小玩意(9.2)--做一个仿360工具箱的web页面(全部工具里面的模板) http://blog.csdn.net/qq20004604/article/details/52226223 前端的小玩意(9.3)--做一个仿360工具箱的web页面(我的工具里的模板和样式) http://blog.c

ionic 图标以及启动页图片不能正确加载

前段时间莫名其妙的发现发布的app不能正常的现实图标和启动页了,加载出来的图标以及图片显示的都是cordova的默认图片以及启动页图片 在网上找了很多教程各种查找都不能解决方法 表现原因为: 项目根目录下的res文件夹内正常生成图片,但是platform/andorid/res下生成的图片是不正确的 使用ionic resources不能正常解决, 片面的解决方法是将项目根目录下的res文件夹的内容覆盖到paltform/android/res文件夹下再次生成app就可以了 但是这个方法存在缺陷

[Xcode使用 2] 设置APP图标和启动画面

1.App Icon 把所有图标文件拖放到 "Images.xcassets" 的"AppIcon" 里面 应对非视网膜和视网膜屏,APP有时会提供两套不同大小的图片,1倍图和2倍图,它们的像素相差一倍. 命名规则:2倍图在1倍图的名字后加 @2x 普通:sample.png 2倍:[email protected] 系统用"sample"寻找图片的时候,会自动根据设备屏幕取对应的图片 2.修改启动画面 一个app在启动过程中会全屏显示叫做Def

app图标和启动图以及Images.xcassets

概述 项目是纯代码编写,到现在一直没有适配iPhone6和iPhone6 plus,今天做了一些准备工作,app图标和启动图片的适配.项目当时是Xcode5创建的,并设置了app图标和启动图片(iPhone4到iPhone5s的图片).后来升级到Xcode6,因为没有适配iPhone6,app图标和启动图片也一直没改动. App Icons and Launch Images 选择General找到App Icons and Launch Images General Xcode5也是在这个地方