ionic icons and splash
用cordova 可以直接设置自己的icons ,不用修改默认的图片了
1.在自己的根目录下新建一个文件夹 如icons
2.然后在icons文件夹下再建一个iOS 文件夹存放所需要的图片 即你在下面的config.xml中需要的图片
文件夹结构如下
2.在根目录下的config.xml 写下这样的设置
注意:下面的路径是相对你的跟目录的 即路径是相对你的project 的
<platform name="ios"> <!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="icons/ios/icon-60.png" width="" height="" />
<icon src="icons/ios/icon-60@2x.png" width="" height="" /> <!-- iPad -->
<icon src="icons/ios/icon-76.png" width="" height="" />
<icon src="icons/ios/icon-76@2x.png" width="" height="" /> <!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="icons/ios/icon-40.png" width="" height="" />
<icon src="icons/ios/icon-40@2x.png" width="" height="" /> <!-- iPhone / iPod Touch -->
<icon src="icons/ios/icon.png" width="" height="" />
<icon src="icons/ios/icon@2x.png" width="" height="" /> <!-- iPad -->
<icon src="icons/ios/icon-72.png" width="" height="" />
<icon src="icons/ios/icon-72@2x.png" width="" height="" /> <!-- iPhone Spotlight and Settings Icon -->
<icon src="icons/ios/icon-small.png" width="" height="" />
<icon src="icons/ios/icon-small@2x.png" width="" height="" /> <!-- iPad Spotlight and Settings Icon -->
<icon src="icons/ios/icon-50.png" width="" height="" />
<icon src="icons/ios/icon-50@2x.png" width="" height="" />
</platform>
3.回到你的终端
输入
ionic build ios
4.上面的只是针对iOS Android的也是一样的...
<platform name="android">
<icon src="myIcon.png"/>
</platform>
路径可以随便,
<platform name="android">
<icon src="android/drawable-ldpi/ic_launcher.png" density="ldpi"/>
<icon src="android/drawable-mdpi/ic_launcher.png" density="mdpi"/>
<icon src="android/drawable-hdpi/ic_launcher.png" density="hdpi"/>
<icon src="android/drawable-xhdpi/ic_launcher.png" density="xhdpi"/>
<icon src="android/drawable-xxhdpi/ic_launcher.png" density="xxhdpi"/>
<icon src="android/drawable-xxxhdpi/ic_launcher.png" density="xxxhdpi"/>
</platform>
5.splash 也是一样的只是 icon 变成了splash 而已
如
<platform name="ios">
<splash src="iphone/splash-default.png" width="" height=""/>
</platform>
如果这里的splash 图片的大小合适的话 它将代替 rootProj/platforms/ios/HelloCordova/Resources/splash) 下的 Default~iphone.png
ionic icons and splash的更多相关文章
- Ionic Android项目Splash设置
ionic项目中,在splashscreen消失后会出现零点几秒的白屏,再出现app页面. 1. 安装Cordova splash screen插件 ionic plugin add org.apac ...
- ionic生成全尺寸icon和splash
http://www.jianshu.com/p/eda363eb28d3 重新添加platform --no-resources可以禁止重新生成icon和splash ionic cordova p ...
- ionic项目相关的操作命令
更新npmD:\Program Files\npm-3.9.0\npmnode cli.js install npm -gf vs安装 更新node.js windows版直接从官网下载安装包 n ...
- ionic更换加载页面和logo
将你准备要更替的加载页面的图片和logo图片分别重名名为splash.png和icon.png 将这两个图片文件放到项目中的resources目录下,覆盖原有的这两个文件 在cmd或终端进入项目 分别 ...
- Ionic命令大全
start [options] <PATH> [template] ............. Starts a new Ionic project in the specified P ...
- 使用IC框架开发跨平台App的备忘录123
1,关于图标与启动屏幕 icon.png 192x192splash.png 2208x2208 将这两个图片放在resources目录下,在终端执行:ionic resources --iocn - ...
- Ionic3学习笔记(一)安装、项目结构与常用命令
本文为原创文章,转载请标明出处 目录 安装 项目结构 常用命令 1. 安装 安装Cordova.Ionic npm install -g cordova ionic 创建一个新项目,有blank.ta ...
- ionic 3 icon和splash screen生成和设置
官方文档中介绍 ionic cordova resources命令可以生成应用的图标和启动画面图片(前提是你必须在resources 目录下放icon源文件和splash源文件,格式可以为png, p ...
- ionic常用的命令
Ionic常用命令行解释 原文链接 安装ionic npm install -g ionic 更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower updat ...
随机推荐
- spring2.5整合hibernate3.0整合Struts
首先:这是spring framework+hibernate+struts集成,spring主要用于aop和ioc,hibernate主要是用于持久层,struts主要是用于mvc. 同时关于spr ...
- NeHe OpenGL教程 第二十一课:线的游戏
转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...
- [rm] Linux 防止"rm -rf /" 误删除
一.缘由: 最近看到这则新闻,很是悲伤,因为我最近也在用ansible:然而这一错误源自Ansible上糟糕的代码设计,这款Linux实用工具被用于在多台不同服务器上自动执行脚本. 开发者解释到,实际 ...
- hadoop源代码解读
http://blog.csdn.net/keda8997110/article/details/8474349
- 版本控制、SVN、VSS
ylbtech-Miscellaneos: 版本控制.SVN.VSS 1.A,版本控制返回顶部 1, 版本控制(Revision control)是一种软体工程技巧,籍以在开发的过程中,确保由不同人所 ...
- jQuery图片延迟加载插件jQuery.lazyload
插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度.在某些情况下,它也能帮助减轻服务器负载. 使用方法 引用jquery和jquery.lazy ...
- Python基础10 反过头来看看
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 从最初的"Hello World",走到面向对象.该回过头来看 ...
- Struts中<s:checkboxlist>的用法
一.JSP中 ①集合为list <s:checkboxlist name="list" list="{'Java','.Net','RoR','PHP'}" ...
- c# as
as:用于检查在兼容的引用类型之间执行某些类型的转换. Employee myEmployee = myObject as Employee; if (myEmployee != null) { } ...
- 《一课经济学》书摘笔记II
假设有位制衣商了解到,有种机器可以用以往一半的人力生产男式和女式大衣.于是,他购置了这种机器,并且裁掉了一半的员工.这位制衣商由于节省开支而获得了以前没有的利润.他从制衣工人直接工资那里节省下来的每一 ...