在 Cordova CLI 6.3.1 中向 IOS 应用程序添加图标

Question

我正在 IOS 和 android 中的 cordova cli 6.3.1 中创建一个应用程序。

我没有在 IOS 中显示应用程序图标，但在 android 中工作正常。

这是我的配置

我的APP 我的APP

<content src="index.html" />

<plugin name="cordova-plugin-splashscreen" spec="4.0.0" />
<plugin name="cordova-plugin-network-information" spec="1.3.0" />
<plugin name="cordova-plugin-dialogs" spec="1.3.0" />
<plugin name="cordova-plugin-device" spec="1.1.3" />
<plugin name="cordova-plugin-statusbar" spec="2.2.0" />
<plugin name="cordova-plugin-whitelist" spec="1" />

<preference name="DisallowOverscroll" value="true" />
<preference name="SplashScreenDelay" value="5000" />
<preference name="StatusBarOverlaysWebView" value="true" />
<preference name="backgroundColor" value="#c72678" />
<preference name="ShowSplashScreenSpinner" value="false"/>
<preference name="prerendered-icon" value="false" />
<preference name="orientation" value="portrait" />
<preference name="fullscreen" value="false" />
<preference name="target-device" value="universal" />
<preference name="deployment-target" value="6.1" />

<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
    <allow-intent href="market:*" />
    <splash src="images/splashscreen/android/800x1280.png" />
    <splash src="images/splashscreen/android/200x300.png"  platform="android" qualifier="ldpi" />
    <splash src="images/splashscreen/android/307x480.png"  platform="android" qualifier="mdpi" />
    <splash src="images/splashscreen/android/480x800.png"  platform="android" qualifier="hdpi" />
    <splash src="images/splashscreen/android/720x1280.png" platform="android" qualifier="xhdpi" />
    <splash src="images/splashscreen/android/720x1280.png" platform="android" qualifier="fr-xhdpi" />
    <icon src="images/icon.png" />
</platform>
<platform name="ios">
    <allow-intent href="itms:*" />
    <allow-intent href="itms-apps:*" />
</platform> 
<config-file platform="ios" target="*-Info.plist" parent="UIStatusBarHidden">
           <true/>
</config-file>
<config-file platform="ios" target="*-Info.plist" parent="UIViewControllerBasedStatusBarAppearance">
       <false/>
</config-file>

<!-- iPhone and iPod touch -->
<splash src="images/splashscreen/ios/320x480.png" platform="ios" width="320" height="480" />


<!-- iPhone 5 / iPod Touch (5th Generation) -->
<splash src="images/splashscreen/ios/640x1136.png" platform="ios" width="640" height="1136" />

<!-- iPhone 6 -->
<splash src="images/splashscreen/ios/750x1334.png" platform="ios" width="750" height="1334" />
<splash src="images/splashscreen/ios/1242x2208.png" platform="ios" width="1242" height="2208" />


<!-- iPad -->
<splash src="images/splashscreen/ios/768x1024.png" platform="ios" width="768" height="1024" />


<!-- Retina iPad -->
<splash src="images/splashscreen/ios/1536x2048.png" platform="ios" width="1536" height="2048" />


<!-- iPad -->
<icon src="images/icon_76x76.png" platform="ios" width="76" height="76" />




<!-- iPhone / iPod Touch -->
<icon src="images/icon_57x57.png" platform="ios" width="57" height="57" />


<!-- iPad -->
<icon src="images/icon_72x72.png" platform="ios" width="72" height="72" />

图标图像在指定的文件夹中。

谁能帮我解决这个问题？提前致谢

Answer 1

您可能没有找到合适的图标大小。目前这些是 iOS 需要的所有图标。

<platform name="ios">
        <icon height="57" src="res/icons/icon-57.png" width="57" />
        <icon height="114" src="res/icons/icon-114.png" width="114" />
        <icon height="72" src="res/icons/icon-72.png" width="72" />
        <icon height="144" src="res/icons/icon-144.png" width="144" />
        <icon height="76" src="res/icons/icon-76.png" width="76" />
        <icon height="152" src="res/icons/icon-152.png" width="152" />
        <icon height="40" src="res/icons/icon-40.png" width="40" />
        <icon height="80" src="res/icons/icon-80.png" width="80" />
        <icon height="50" src="res/icons/icon-50.png" width="50" />
        <icon height="100" src="res/icons/icon-100.png" width="100" />
        <icon height="120" src="res/icons/icon-120.png" width="120" />
        <icon height="180" src="res/icons/icon-180.png" width="180" />
        <icon height="29" src="res/icons/icon-29.png" width="29" />
        <icon height="58" src="res/icons/icon-58.png" width="58" />
        <icon height="87" src="res/icons/icon-87.png" width="87" />
        <icon height="167" src="res/icons/icon-167.png" width="167" />
</platform>

Answer 2

是的。对于带有 iOS 的 cordova 并更改图标和启动图像，最简单的方法是：

有一个 1024 图标以获得更好的质量 iOS 所有尺寸的流程 pgicons.abiro.com
解压zip并复制到项目根目录
最后从根目录编辑 config.xml 并包含或创建由网络在线生成的代码。

Answer 3

您可以使用 ImageMagick 尝试以下 auto-generate Cordova 图标和闪屏的脚本：

https://github.com/AlexDisler/cordova-icon

https://github.com/AlexDisler/cordova-splash

在 Cordova CLI 6.3.1 中向 IOS 应用程序添加图标

Adding icons to IOS App in Cordova CLI 6.3.1

icons

config

cordova