Wie Sie bereits herausgefunden haben, hat PhoneGap Build eine etwas andere Projektstruktur. Ja, Sie zippen und laden nur den www-Ordner und sonst nichts. Übrigens muss der Name der Zip-Datei nicht www.zip sein, es kann alles andere sein, aber er darf nur den www-Ordner enthalten, oder besser nur den Inhalt des www-Ordners ohne den Ordner selbst.
Sie müssen icon.png und splash.png im www Stammordner haben, die als Standard-Symbol und Begrüßungsbildschirm dienen. Dann fügen Sie einen Unterordner für die zusätzlichen Bilder hinzu. Sie können es res benennen oder einen beliebigen Namen mit einer beliebigen Anzahl von Ordnern darin, aber fügen Sie eine leere Datei mit dem Namen ".pgbomit" in seinem root hinzu, die PhoneGap Build anweist, nur die erforderlichen Dateien aus diesem Ordner aufzunehmen, wie Sie erwähnt haben . Dann referenzieren Sie jede Datei mit dem vollständigen Pfad in der Datei config.xml, die sich ebenfalls im www-Stammverzeichnis befinden muss.
So soll die Struktur so etwas wie:
www
res
icon
android
ios
splash
android
ios
config.xml
icon.png
splash.png
index.html
Und Ihren config.xml Abschnitt, um die Symbole im Zusammenhang und Splash-Screens sollte wie folgt sein (in Version 5 und höher):
<icon src="icon.png" />
<splash src="splash.png" />
<platform name="ios">
<icon src="res/icon/ios/icon.png" width="57" height="57" />
<icon src="res/icon/ios/[email protected]" width="114" height="114" />
<icon src="res/icon/ios/icon-72.png" width="72" height="72" />
<icon src="res/icon/ios/[email protected]" width="144" height="144" />
<icon src="res/icon/ios/icon-60.png" width="60" height="60" />
<icon src="res/icon/ios/[email protected]" width="120" height="120" />
<icon src="res/icon/ios/[email protected]" width="180" height="180" />
<icon src="res/icon/ios/icon-76.png" width="76" height="76" />
<icon src="res/icon/ios/[email protected]" width="152" height="152" />
<splash src="res/splash/ios/Default~iphone.png" width="320" height="480"/>
<splash src="res/splash/ios/[email protected]~iphone.png" width="640" height="960"/>
<splash src="res/splash/ios/Default-Portrait~ipad.png" width="768" height="1024"/>
<splash src="res/splash/ios/[email protected]~ipad.png" width="1536" height="2048"/>
<splash src="res/splash/ios/Default-Landscape~ipad.png" width="1024" height="768"/>
<splash src="res/splash/ios/[email protected]~ipad.png" width="2048" height="1536"/>
<splash src="res/splash/ios/[email protected]~iphone.png" width="640" height="1136"/>
<splash src="res/splash/ios/Default-667h.png" width="750" height="1334"/>
<splash src="res/splash/ios/Default-736h.png" width="1242" height="2208"/>
<splash src="res/splash/ios/Default-Landscape-736h.png" width="2208" height="1242"/>
</platform>
Die obige Konfiguration ist für iOS, also fügen Sie ähnliche Abschnitte für andere Plattformen, die Sie unterstützen möchten, aber wie iOS-Abschnitt oben, stellen Sie sicher, dass Sie die richtigen Bildgrößen und Namen von den anderen Plattformen folgen.