在 Visual Studio中 使用Apache Cordova 开发安卓、iOS程序(自定义图标和闪屏)
方法1
1台安装有linux的电脑,虚拟机也行,并安装imagemagick软件包。我用的是linux mint,直接在软件管理器中安装即可
把https://github.com/shamork/cordova-resource-generators/tree/shamork-patch-1/Visual-Studio-Tools-for-Apache-Cordova 文件夹中的3个sh文件下载下来,放在桌面或者其他地方,把你的原始图片放在同一个目录,假设名字是screen.png,(建议像素大于512x512,并且经过处理背景透明),在shell中运行 sudo ./genall.sh screen.png black res
将会在上述目录中创建res目录,并在其中生成所需的文件
Copy上述生存的res目录,覆盖VS工程中的同名目录即可。
由于所有的文件名是在vs-mda/app.js中指定的,不可更改,也就是说是约定好的,config.xml中不需要其他配置,只需如下两行,其中第一行是设置splashscreen,且是生成工程时自动添加的。第二行设置显示时间(毫秒),图标无需任何设置。
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="5000" />
PS:
- 参考https://msdn.microsoft.com/en-us/library/dn757053.aspx,其中windows和wp8有几个文件名字与生成的空工程中的文件不一致,已经修改成跟生成的工程一致了。
- Cordova官网http://cordova.apache.org/docs/en/4.0.0/config_ref_images.md.html 给的说明在VisualStudio中不可用,因为其中使用了约定的规则和文件名
方法2
最近又找到一个不错的方法,不需要的安装linux或虚拟机。
前提:
- 安装了windows桌面版的git,我是通过安装TortoiseGit-1.8.13.0-64bit.msi时,选择安装git命令行得到的
- 安装了windows版的imagemagick,我用的64位版
- 把git.exe所在目录添加到path,imagemagick安装时貌似会提示是否添加到path,勾选即可。如果没有手动加下吧。
- 上述条件齐全,打开cmd.exe 输入convert,显示很长一串英文如下图而不是汉字,输入bash,如果显示bash-3.1$,那么证明成功了
- 往下就跟在linux中一样了,cd 到你的目录,输入 ./genall.sh screen.png black res 完事,我的genall.sh、genicon.sh、gensplash.sh、screen.png4个文件全部都在同一个文件夹中
- 尝试使用winbash,执行上面的genall.sh时提示了一个错误,说convert命令 缺少一个模块。用git的bash就没问题
- 我的电脑中,sh文件是关联到 git文件夹中的sh.exe的,如果直接双击也可以执行,鉴于我的上述4个文件位置固定,直接修改genall.sh如下,然后就可以双击执行了。直接在当前目录res文件夹下生成
#!/bin/bash
# Generate Cordova splash screens
# refer to: https://msdn.microsoft.com/en-us/library/dn757053.aspx
./gensplash.sh screen.png black
./genicon.sh screen.png
exit ;

要是有高手直接能写成bat批处理文件就更好了。我试了下,好多地方不会,放弃了。vbs到是可能
在 Visual Studio中 使用Apache Cordova 开发安卓、iOS程序(自定义图标和闪屏)的更多相关文章
- Visual Studio 2015 和 Apache Cordova 跨平台开发入门(一)
基于 Windows 10 的 Visual Studio 2015 跨平台的应用开发主要分为基于Visual Studio 安装 Xamarin 扩展的跨Android.iOS 和 Windows的 ...
- Visual Studio 2015 和 Apache Cordova 跨平台开发入门
原文:Visual Studio 2015 和 Apache Cordova 跨平台开发入门(一) 基于 Windows 10 的 Visual Studio 2015 跨平台的应用开发主要分为基于V ...
- Visual Studio 2017 and Apache Cordova mobile apps | Andrés Zsögön
原文:Visual Studio 2017 and Apache Cordova mobile apps | Andrés Zsögön 以下是使用Microsoft Visual Studio 20 ...
- Install Visual Studio Tools for Apache Cordova
Install Visual Studio Tools for Apache Cordova Visual Studio 2013 This article refers to the Visua ...
- 配置 Visual Studio Tools for Apache Cordova
原文:配置 Visual Studio Tools for Apache Cordova 1.连接地址 https://msdn.microsoft.com/zh-cn/library/vs/alm/ ...
- Apache Cordova开发Android应用程序——番外篇
很多天之前就安装了visual studio community 2015,今天闲着么事想试一下Apache Cordova,用它来开发跨平台App.在这之前需要配置N多东西,这里找到了一篇MS官方文 ...
- Visual Studio 2015 和 Apache Cordova
英文原版:http://www.codeproject.com/Articles/860150/Visual-Studio-and-Apache-Cordova 在开始前,问一下自己下面这些问题: 熟 ...
- Apache Cordova开发环境搭建(一)-Visual Studio
原文:Apache Cordova开发环境搭建(一)-Visual Studio 一.使用Visual Studio开发Apache Cordova手机App 1.版本要求,Visual Studio ...
- Visual Studio中用于ASP.NET Web项目的Web服务器
当您在 Visual Studio 中开发 Web 项目时,需要 Web 服务器才能测试或运行它们. 利用 Visual Studio,您可以使用不同的 Web 服务器进行测试,包括 IIS Expr ...
随机推荐
- springMVC数据回显
1.web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi=&qu ...
- 转载:Service Mesh:重塑微服务市场--敖小剑
转载地址:https://skyao.io/talk/201805-service-mesh-rebuild-microservice-market/ 重点: 不要太过关注 Service Mesh ...
- linux du命令的疑惑
起因是测试rsync传输数据.传输完成后,想看一下传输的文件是不是完整,所以检测了下源目录和目标目录的大小,竟然出现了巨大的差距: [root@w anaconda3]$ du -sh ./ .9G ...
- Nginx 从0开始学
作为一个 nginx 的初学者记录一下从零起步的点滴. 基本概念 Nginx 最常的用途是提供反向代理服务,那么什么反向代理呢?正向代理相信很多大陆同胞都在这片神奇的土地上用过了,原理大致如下图: 代 ...
- 【Python】学习笔记之列表生成式
列表生成式 主要用于生成较为复杂的列表 常用用法 >>> [x * x for x in range(5) if x % 3 !=1 ] [0, 4, 9] #返回除以3余数不为1的 ...
- react native easter的分享
React 可以看做是连接native与JavaScript的桥梁bridge: 实现用js语言时间app的开发: 即使你不知道native是什么:
- PowerDesigner用法和技巧
PowerDesigner是一款功能非常强大的建模工具软件,足以与Rose比肩,同样是当今最著名的建模软件之一.Rose是专攻UML对象模型的建模工具,之后才向数据库建模发展,而PowerDesign ...
- 搞懂分布式技术3:初探分布式协调服务zookeeper
搞懂分布式技术3:初探分布式协调服务zookeeper 1.Zookeepr是什么 Zookeeper是一个典型的分布式数据一致性的解决方案,分布式应用程序可以基于它实现诸如数据发布/订阅,负载均衡, ...
- IOS-下载动画
就2小时教会你抽丝剥茧CAAnimation核心动画之精美的下载动画 header 设计灵感 设计此效果的作者 Nick; images 开始之前你需要了解的 先上一张CAAnimation层次图: ...
- Python 脚本注册为Windows Service
这部分内容就如同标题所讲的,其他的也不说了,直接上代码吧 需要说明的是,此代码在我的Win10 下可以正常使用,而在windows server 2008没有运行成功. 如果出现拒绝访问的错误,请使用 ...