远程构建时如何更改cordova/phonegap的默认图标

Posted 2023-03-07

【中文标题】远程构建时如何更改cordova/phonegap的默认图标

【英文标题】：How can I change the default icon of cordova/phonegap when doing remote build

【发布时间】：2016-05-19 17:40:37

【问题描述】：

我开发了一个 web 应用程序 html5、javascript、jquery 和 ajax。我的 HelloWorld 项目的目录结构是

HelloWorld
   img
   css
   js
   index.html

我压缩了 HelloWorld 文件夹并将压缩文件上传到 http://build.phonegap.com 以创建 apk 文件。我在手机上安装了该应用程序，它运行良好。

问题是如何更改我的应用程序在构建期间由 Cordova 或 phonegap 分配的默认图标。我搜索了很多，但几乎所有可用的答案都显示了在本地编译和构建应用程序（从平台文件夹）时更改图标的过程

由于我使用的是在线或远程服务，我无法使用它们。我想知道我将自己的 icon.png 或 logo.png 放在哪里，以便在构建过程中将其用作应用程序图标。请让我知道是否还需要任何代码以及图标。

【参考方案1】：

好的，我想通了，我正在发布答案以帮助他人。您需要添加 config.xml 文件和 png 格式的图标。将图标命名为 ldpi.png (36x36)、mdpi.png (46x46)、hdpi.png (72x72)、xdhpi.png (96x96) 和 icon.png (96x96)。您可以使用http://picresize.com/ 通过从网站上的选项中选择自定义大小来转换指定像素大小的图标。将以下代码添加到 config.xml 中。所以最终的文件夹/文件结构将是

ProjectName
  img
  css
  js
  index.html
  config.xml
  ldpi.png
  mdpi.png
  hdpi.png
  xdhpi.png
  icon.png

现在压缩文件夹并将其上传到http://build.phonegap.com，创建的 apk 将具有用户定义的图标。

<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns   = "http://www.w3.org/ns/widgets"
    xmlns:gap   = "http://phonegap.com/ns/1.0"
    id          = "com.phonegap.bdau"
    versionCode = "10" 
    version     = "1.0.0" >

<!-- versionCode is optional and android only -->

<name>BigDataAnalyticalUnit</name>

<description>
    Big Data and Analytical Unit 
</description>

<author href="https://imperial.ac.uk" email="[e-mail]">
    Mian Asbat Ahmad
</author>



    <!-- Define app icon for each platform. -->
    <icon src="icon.png" />
    <icon src="ldpi.png" gap:platform="android" gap:qualifier="ldpi" />
    <icon src="mdpi.png" gap:platform="android" gap:qualifier="mdpi" />
    <icon src="hdpi.png" gap:platform="android" gap:qualifier="hdpi" />
    <icon src="xhdpi.png" gap:platform="android" gap:qualifier="xhdpi" />
    </widget>