ionic

用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的更多相关文章

  1. Ionic Android项目Splash设置

    ionic项目中,在splashscreen消失后会出现零点几秒的白屏,再出现app页面. 1. 安装Cordova splash screen插件 ionic plugin add org.apac ...

  2. ionic生成全尺寸icon和splash

    http://www.jianshu.com/p/eda363eb28d3 重新添加platform --no-resources可以禁止重新生成icon和splash ionic cordova p ...

  3. ionic项目相关的操作命令

     更新npmD:\Program Files\npm-3.9.0\npmnode cli.js install npm -gf vs安装 更新node.js  windows版直接从官网下载安装包 n ...

  4. ionic更换加载页面和logo

    将你准备要更替的加载页面的图片和logo图片分别重名名为splash.png和icon.png 将这两个图片文件放到项目中的resources目录下,覆盖原有的这两个文件 在cmd或终端进入项目 分别 ...

  5. Ionic命令大全

    start [options] <PATH> [template] .............  Starts a new Ionic project in the specified P ...

  6. 使用IC框架开发跨平台App的备忘录123

    1,关于图标与启动屏幕 icon.png 192x192splash.png 2208x2208 将这两个图片放在resources目录下,在终端执行:ionic resources --iocn - ...

  7. Ionic3学习笔记(一)安装、项目结构与常用命令

    本文为原创文章,转载请标明出处 目录 安装 项目结构 常用命令 1. 安装 安装Cordova.Ionic npm install -g cordova ionic 创建一个新项目,有blank.ta ...

  8. ionic 3 icon和splash screen生成和设置

    官方文档中介绍 ionic cordova resources命令可以生成应用的图标和启动画面图片(前提是你必须在resources 目录下放icon源文件和splash源文件,格式可以为png, p ...

  9. ionic常用的命令

    Ionic常用命令行解释   原文链接 安装ionic npm install -g ionic 更新www/lib/ionic 目录的文件,如有项目中有bower,此命令会运行bower updat ...

随机推荐

  1. spring2.5整合hibernate3.0整合Struts

    首先:这是spring framework+hibernate+struts集成,spring主要用于aop和ioc,hibernate主要是用于持久层,struts主要是用于mvc. 同时关于spr ...

  2. NeHe OpenGL教程 第二十一课:线的游戏

    转自[翻译]NeHe OpenGL 教程 前言 声明,此 NeHe OpenGL教程系列文章由51博客yarin翻译(2010-08-19),本博客为转载并稍加整理与修改.对NeHe的OpenGL管线 ...

  3. [rm] Linux 防止"rm -rf /" 误删除

    一.缘由: 最近看到这则新闻,很是悲伤,因为我最近也在用ansible:然而这一错误源自Ansible上糟糕的代码设计,这款Linux实用工具被用于在多台不同服务器上自动执行脚本. 开发者解释到,实际 ...

  4. hadoop源代码解读

    http://blog.csdn.net/keda8997110/article/details/8474349

  5. 版本控制、SVN、VSS

    ylbtech-Miscellaneos: 版本控制.SVN.VSS 1.A,版本控制返回顶部 1, 版本控制(Revision control)是一种软体工程技巧,籍以在开发的过程中,确保由不同人所 ...

  6. jQuery图片延迟加载插件jQuery.lazyload

      插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度.在某些情况下,它也能帮助减轻服务器负载. 使用方法 引用jquery和jquery.lazy ...

  7. Python基础10 反过头来看看

    作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 从最初的"Hello World",走到面向对象.该回过头来看 ...

  8. Struts中<s:checkboxlist>的用法

    一.JSP中 ①集合为list <s:checkboxlist name="list" list="{'Java','.Net','RoR','PHP'}" ...

  9. c# as

    as:用于检查在兼容的引用类型之间执行某些类型的转换. Employee myEmployee = myObject as Employee; if (myEmployee != null) { } ...

  10. 《一课经济学》书摘笔记II

    假设有位制衣商了解到,有种机器可以用以往一半的人力生产男式和女式大衣.于是,他购置了这种机器,并且裁掉了一半的员工.这位制衣商由于节省开支而获得了以前没有的利润.他从制衣工人直接工资那里节省下来的每一 ...