Phonegapビルド - アプリケーションアイコンとスプラッシュスクリーンファイルを置く場所

Question

phonegapビルドでは、www.zipフォルダのみをアップロードすると記載されているため、各プラットフォームのアイコンとスプラッシュスクリーンフォルダをどこに置く必要があるのか​​理解できません。私はそれをwwwの中に入れますか？

この質問をする理由は、私たちがアイコンとスプラッシュをwww内に保持すると仮定すると、私のアプリケーションは非常に重くなり、不要なアイコンとスプラッシュ画面ファイルが私のアプリが交差しているのでプラットフォームがサポートされており、すべてのプラットフォームにアイコンと飛びが含まれています。

私たちがオフライン（phonegap cli）で作業している場合は、 "www"フォルダの外にファイルを "res"のままにして、cordovaビルドプロセスはプラットフォーム固有のアイコンとスプラッシュ画面ファイルのみを自動的にコピーします。選択されたプラットフォームでも必要なファイルです。 この問題についてご意見をお聞かせください。

Answer 1

すでに分かっているように、PhoneGap Buildはわずかにプロジェクト構造が異なります。はい、wwwフォルダのみを圧縮してアップロードします。ちなみに、zipファイルの名前はwww.zipでなくてもかまいませんが、wwwフォルダ、またはフォルダ自体のないwwwフォルダの内容だけが含まれている必要があります。

デフォルトのアイコンとスプラッシュ画面として機能するwwwルートフォルダにicon.pngとsplash.pngが必要です。次に、追加イメージ用のサブフォルダを追加します。名前をresまたは任意の名前を任意の数のフォルダに入れることができますが、ルートに ".pgbomit"という名前の空のファイルを追加すると、PhoneGap Buildに、前述のようにこのフォルダから必要なファイルのみが含まれるようになります。次に、config.xmlのフルパスで各ファイルを参照します。これはwwwルートフォルダにもなければなりません。

ので、構造のようなものでなければなりません：

 
www 
    res 
     icon 
      android 
      ios 
     splash 
      android 
      ios 
    config.xml 
    icon.png 
    splash.png 
    index.html 

とアイコンとスプラッシュ画面に関連したconfig.xmlのセクションは、（上記のバージョン5で）このようにする必要があります：

<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/icon@2x.png" width="114" height="114" /> 
    <icon src="res/icon/ios/icon-72.png" width="72" height="72" /> 
    <icon src="res/icon/ios/icon-72@2x.png" width="144" height="144" /> 
    <icon src="res/icon/ios/icon-60.png" width="60" height="60" /> 
    <icon src="res/icon/ios/icon-60@2x.png" width="120" height="120" /> 
    <icon src="res/icon/ios/icon-60@3x.png" width="180" height="180" /> 
    <icon src="res/icon/ios/icon-76.png" width="76" height="76" /> 
    <icon src="res/icon/ios/icon-76@2x.png" width="152" height="152" /> 
    <splash src="res/splash/ios/Default~iphone.png" width="320" height="480"/> 
    <splash src="res/splash/ios/Default@2x~iphone.png" width="640" height="960"/> 
    <splash src="res/splash/ios/Default-Portrait~ipad.png" width="768" height="1024"/> 
    <splash src="res/splash/ios/Default-Portrait@2x~ipad.png" width="1536" height="2048"/> 
    <splash src="res/splash/ios/Default-Landscape~ipad.png" width="1024" height="768"/> 
    <splash src="res/splash/ios/Default-Landscape@2x~ipad.png" width="2048" height="1536"/> 
    <splash src="res/splash/ios/Default-568h@2x~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> 

上記の設定はiOS用ですので、サポートしたい他のプラットフォーム用の類似のセクションを追加してください。ただし、上記のiOSセクションのように、他のプラットフォームの正しいイメージサイズと名前に従ってください。