将图标添加到Cordova CLI 6.3.1中的IOS应用程序

问题描述：

我在IOS和android中创建了一个应用程序，用于在cordova cli 6.3.1中创建应用程序。将图标添加到Cordova CLI 6.3.1中的IOS应用程序

我没有得到在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" />

的图标图像是否有指定的文件夹中。

任何人都可以帮我解决这个问题吗？在此先感谢

答

您可能会错过正确的图标大小。目前这些都是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>

谢谢你的答案。这是确切的解决方案。 – mobiledevnewbie

你刚刚救了我的命。 14小时的挫折和死胡同。非常感谢。问题：将此添加到我的config.xml似乎解决了我们的应用程序的所有图标需求。这是否意味着cordova-icon插件不再需要？ – Rjak

@Rjak你的意思是cordova-icon脚本？您仍然需要以某种方式创建图标。 – RonaldPK

答

是的。对于iOS的科尔多瓦和更改图标和启动图像，最简单的方法是：

有一个1024图标的iOS与 pgicons.abiro.com
获取压缩所有大小非压缩和复制到根目录下更好的质量流程该项目。
最后从根目录编辑config.xml并包含或创建网上生成的代码。

答

你可以试试下面的脚本自动生成使用ImageMagick的科尔多瓦图标和splashscreens：

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

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

将图标添加到Cordova CLI 6.3.1中的IOS应用程序

相关推荐