在 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,且是生成工程时自动添加的。第二行设置显示时间(毫秒),图标无需任何设置。
1 <preference name="SplashScreen" value="screen" /> 2 <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 1;
要是有高手直接能写成bat批处理文件就更好了。我试了下,好多地方不会,放弃了。vbs到是可能