在 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 ...
- webservice的SOAP代理设置
我们的服务器是可以访问的 设置的代理同样也可以访问 接下来设置代理 接着打开TCP窗口 最后来看数据
- oracle快速创建主键
oracle中,有时我们会发现有一些表中,一些记录它们每个字段的数据 都是一样一样的,即重复数据,这种数据的不存在肯定是不对了. 究其原因,就是该表没有主键,给一个表创建主键,非常容易: alter ...
- GridControl 史上最全的资料(二)
GridControl详解(四)分组排序汇总 分组: 按时间分第一组: 按性别分第二组: 显示结果: 高级设置: 将所有组展开代码:gridView1.ExpandAllGroups(); 显示结果: ...
- 关于推荐库位 java前端与SQL语句后面的结合
----------------------------------------------------------------------------------- select a1.id,a1. ...
- Mac 升级node与npm
第一步,先查看本机node.js版本: node -v 第二步,清除node.js的cache: sudo npm cache clean -f 第三步,安装 n 工具,这个工具是专门用来管理node ...
- 数据库原理及应用-SQL数据操纵语言(Data Manipulation Language)和嵌入式SQL&存储过程
2018-02-19 18:03:54 一.数据操纵语言(Data Manipulation Language) 数据操纵语言是指插入,删除和更新语言. 二.视图(View) 数据库三级模式,两级映射 ...
- 在Eclipse中快速添加main方法
方法一: 在创建类时自动添加,勾选“public static void main(String[] args)” 方法二: 输入main之后按"alt+/"组合键,选择如图所 ...
- 【Demo】jQuery 可编辑表格
功能实现: (1)设定单元格的单击事件,判定被单击单元格是否已经是可编辑状态: (2)取出单元格原有内容,想单元格中加入文本框,并把原有内容显示在文本框中: (3)当用户编辑完成或者取消编辑后,将文本 ...
- Java解析XML格式串(JDOM解析)
import java.io.IOException; import java.io.StringReader; import java.util.List; import org.jdom.Docu ...