2016-07-23 16 views
2

Da phonegap build sagt, nur www.zip Ordner hochladen dann kann ich nicht verstehen, wo ich die Icons und Splashscreen Ordner für jede Plattform zu setzen. Soll ich das ins www stellen? Der Grund, diese Frage zu stellen, ist, dass, wenn wir die Icons und Spritzer nur im www behalten sollen, meine App sehr schwer wird und unnötige Icons und Splash-Screen-Dateien in meiner App hinzugefügt werden, wenn meine App gekreuzt ist Plattform unterstützt und ich habe Symbole und Spritzer für alle Plattformen enthalten.Phonegap Build - Wo die App Icons und Splashscreen Dateien setzen

Wenn wir offline arbeiten (phonegap cli), dann haben wir die Dateien innerhalb von "res" außerhalb des "www" -Ordners behalten und cordova Build-Prozess kopiert automatisch nur plattformspezifische Symbole und Splash-Screen-Dateien, aber hier werden alle hinzugefügt Dateien, die für die ausgewählte Plattform benötigt werden. Bitte lassen Sie mich wissen, wenn jemand eine Idee zu diesem Thema hat.

Antwort

5

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.

Verwandte Themen