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 ...
随机推荐
- (WPF, Service) 删除注册表中的USB Enum值.
Task: 删除HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Enum\USB\VID_0XXX&PID_0XXX Key Tree 首先第一想到的使 ...
- 0810HTML(表单)
图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. <img src="a006.jpg" title="这是企鹅" ...
- 转-Fragment+ViewPager组件(高仿微信界面)
http://www.cnblogs.com/lichenwei/p/3982302.html 什么是ViewPager? 关于ViewPager的介绍和使用,在之前我写过一篇相关的文章<安卓开 ...
- rpm 与压缩解压缩
rpm包redhat package manager 逐渐地被linux发行版本使用的安装包 rpm -qa 查询所有linux中安装了那些rpm包 rpm -q mysql 查看mysql 包的信息 ...
- 跨浏览器复制神器 ZeroClipboard 2.x快速入门详解
有些时候,我们希望让用户在网页上完成某个操作就能自动将指定的内容复制到用户计算机的剪贴板中.但是出于安全原因,大多数现代浏览器都未提供通用的剪贴板复制接口(或即便有,也默认被禁用).只有IE浏览器可以 ...
- CentOS yum安装和配置MySQL(转载)
From:http://www.cnblogs.com/xiaoluo501395377/archive/2013/04/07/3003278.html] 一.MySQL简介 说到数据库,我们大多想到 ...
- tar.gz和rpm安装文件(转载)
from:http://bbs.chinaunix.net/thread-2277750-1-1.html Linux软件的二进制分发是指事先已经编译好二进制形式的软件包的发布形式,其优点是安装使用容 ...
- bootstrap-响应式工具和打印样式
响应式工具: <div class="container"> <!-- 针对不同的宽度 展示或隐藏相关内容 visible-lg-block 显示 hidden- ...
- gridView自动列宽代码
gridView1.OptionsView.ColumnAutoWidth = false; for (int I = 0; I < gridView1.Columns.Count; I++) ...
- Java高级开发工程师