在 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 ...
随机推荐
- docker-machine windows
windows 官方使用 https://docs.docker.com/machine/drivers/hyper-v/ 坑点是 docker-machine create -d hyperv m ...
- js 冒泡型事件
- thinkphp getField("xxxxx", true); 得到一个字段所有值组成的的数组
很多时候我们只需要一张表里某个字段的值,组成的数组 $Channel = D('channel');$channelList = $Channel->order('user_name')-> ...
- 由angular命令行工具(angular-cli)生成的目录和文件
e2e目录:是端到端的测试目录,包含基本的测试桩.是用来做自动测试的. src:应用源代码目录.我们写的所有代码都应该在这里面. app:包括应用的组件和模块.我们自己写的绝大部分代码都是写在这个目录 ...
- 浏览器检测-js
昨天有一同学问我为什么attachEvent在非IE浏览器下不能起作用,我也跟他解释了一番:attachEvent是IE下独有的,只能在IE下使用,其他浏览器下应该用addEventListener来 ...
- zsh 安装powerline 主题特效
查看当前使用的shell脚本是哪一种 echo $0 1. 安装Powerline 使用pip指令,安装方法: pip install powerline-status 如果没有,则先 ...
- 搞懂分布式技术3:初探分布式协调服务zookeeper
搞懂分布式技术3:初探分布式协调服务zookeeper 1.Zookeepr是什么 Zookeeper是一个典型的分布式数据一致性的解决方案,分布式应用程序可以基于它实现诸如数据发布/订阅,负载均衡, ...
- 个人知识管理系统Version1.0开发记录(03)
demo 设 计 一个知识点demo,在数据库和用户界面的互动事件.分三个层次,数据存储,数据方法工具,数据呈现界面.这一次先完成数据存储,按以下逻辑实现.工具:eclipse,oracle数据库, ...
- 完整的保存onetab的书签信息
之前在百度上找怎么完整的保存onetab的书签信息,没找到答案,于是乎上了google,在stackoverflow上找到了一个相关的答案 How to restore OneTab list of ...
- 08day03
一.eclipse的使用 可能是全宇宙最好用的IDE debug 查看执行过程 查看源码 二.模块的常用方法 __name__ __file__ __doc__ 三.函数 参数 参数默认值 可变参数 ...