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. 算法的上帝——Donald E.Knuth(转)

    开始介绍前先膜拜之~ 密尔沃基市,是美国威斯康辛州最大的城市.1938年1月10日,圣诞刚过不久,密尔沃基市民像往常一样平静地生活着.咖啡店里,有人在议论着罗斯 福总统的救市新政策,有人在议论着到底该 ...

  2. Hbase的安装(hadoop-2.6.0,hbase1.0)

    Hbase的安装相对很简单啊...只要你装了Hadoop 装Hbase就是分分钟的事 如果要装hadoop集群的话 hadoop分类的集群安装好了,如果已经装好单机版~ 那就再配置如下就好~ 一.vi ...

  3. c++代码模板

    c++代码模板 &代码: #include <bits/stdc++.h> using namespace std; typedef long long ll; const int ...

  4. [实变函数]2.2 聚点 (cluster point), 内点 (interior point), 界点 (boundary point)

    设 $E\subset \bbR^n, P_0\in \bbR^n$. 1 若 $\exists\ U(P_0)\subset E$, 则称 $P_0$ 为 $E$ 的内点 (interior poi ...

  5. 程序进入 EXPORT App_Fault_ISR的原因及措施:

    最近再UCOSIII+LPC1768上移植modbus,在定时器初始化部分竟然跑飞进入 EXPORT  App_Fault_ISR,查资料.逛论坛.问大牛都没有解决,最后发现竟然是犹豫一个低级失误引起 ...

  6. Fatal error: Class 'GearmanClient' not found解决方法

    产生原因: 没有安装PHP的gearman扩展 解决方法:1.  打开:http://pecl.php.net/package/gearman2.  wget  http://pecl.php.net ...

  7. java中的浅拷贝与深拷贝

    浅拷贝: package test; class Student implements Cloneable { private int number; public int getNumber() { ...

  8. java中使用session的一些细节

    获取session的时候会产出一个sessionid并且发给客户端,第二次回发的时候再根据该sessionid获取session.如果cookies被禁用,则需要通过URL传入. asp.net下的s ...

  9. RadASM中文乱码问题解决方法!!

    RadASM版本:2.2.2.0 在这个版本的RadASM代码编辑器里面,如果输入中文,则会乱码,经过一些尝试后,终于解决了这个问题,通过修改RadASM的字体设置就可以了!! 修改字体说明:通过本人 ...

  10. HTTP Response中的Status-Code

    1XX : 通知信息.请求被接收,继续处理2XX : 成功.请求动作被成功接收.理解和接受3XX : 重定向.需要其他的动作来完成这个请求4XX : 客户端错误.请求包含错误的语法或者缺少语法5XX  ...