config.xml中的Cordova / PhoneGap应用程序图标/ splashscreen缺少

时间:2016-07-29 11:07:14

标签: cordova

结构

我目前有这样的结构:

project/
    www/
        images/
            icon.png
    config.xml

内部config.xml:

<icon src="www/images/icon.png" />

我使用cordova build填充platforms/目录(它在项目存储库的初始签出时不存在)。

www/的内容已成功复制到每个平台目录。

问题

在启动应用程序时,主屏幕上的图标显示为白色占位符。我想这意味着图标没有正确加载。

我的路径错了吗?构建过程不会将其复制到正确的位置吗?还有什么其他解释?

2 个答案:

答案 0 :(得分:0)

无需在config.html中编写标记。只需将默认icon.png文件替换为“res”文件夹中的icon.png

enter image description here

答案 1 :(得分:0)

您解释的方式是设置应用程序图标的方式之一,它适用于Android和WP8平台,但不适用于iOS。

由于每个设备都有其特定的图标大小,因此设备不支持尺寸较小(可能支持更大尺寸)到特定尺寸的图标。

我猜您的图标大小不适合您测试应用的iOS设备。例如,如果您在iphone 6s Plus中测试您的应用程序,那么您的图标大小应该是80x80或接下来在下面链接中提到的尺寸。 您可以按照以下链接获取设备的正确图标大小或其他设置应用图标的方法: https://cordova.apache.org/docs/en/latest/config_ref/images.html

其他方式:
 您可以在config.xml文件中添加以下行:

 <platform name="ios">
        <!-- iOS 8.0+ -->
        <!-- iPhone 6 Plus  -->
        <icon src="res/ios/icon-60@3x.png" width="180" height="180" />
        <!-- iOS 7.0+ -->
        <!-- iPhone / iPod Touch  -->
        <icon src="res/ios/icon-60.png" width="60" height="60" />
        <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
        <!-- iPad -->
        <icon src="res/ios/icon-76.png" width="76" height="76" />
        <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
        <!-- iOS 6.1 -->
        <!-- Spotlight Icon -->
        <icon src="res/ios/icon-40.png" width="40" height="40" />
        <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
        <!-- iPhone / iPod Touch -->
        <icon src="res/ios/icon.png" width="57" height="57" />
        <icon src="res/ios/icon@2x.png" width="114" height="114" />
        <!-- iPad -->
        <icon src="res/ios/icon-72.png" width="72" height="72" />
        <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
        <!-- iPhone Spotlight and Settings Icon -->
        <icon src="res/ios/icon-small.png" width="29" height="29" />
        <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
        <!-- iPad Spotlight and Settings Icon -->
        <icon src="res/ios/icon-50.png" width="50" height="50" />
        <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
    </platform>`enter code here`

在这里,您应遵循相同的路径,大小和命名约定。