Cordova項目的表徵圖和啟動畫面__cordova

來源:互聯網
上載者:User

Phonegap/Cordova項目中的config.xml檔案,裡面配置了下面的內容:

<icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36-ldpi.png" /><icon gap:platform="android" gap:qualifier="mdpi" src="res/icon/android/icon-48-mdpi.png" /><icon gap:platform="android" gap:qualifier="hdpi" src="res/icon/android/icon-72-hdpi.png" /><icon gap:platform="android" gap:qualifier="xhdpi" src="res/icon/android/icon-96-xhdpi.png" /><icon gap:platform="blackberry" src="res/icon/blackberry/icon-80.png" /><icon gap:platform="blackberry" gap:state="hover" src="res/icon/blackberry/icon-80.png" /><icon gap:platform="ios" height="57" src="res/icon/ios/icon-57.png" width="57" /><icon gap:platform="ios" height="72" src="res/icon/ios/icon-72.png" width="72" /><icon gap:platform="ios" height="114" src="res/icon/ios/icon-57-2x.png" width="114" /><icon gap:platform="ios" height="144" src="res/icon/ios/icon-72-2x.png" width="144" /><icon gap:platform="webos" src="res/icon/webos/icon-64.png" /><icon gap:platform="winphone" src="res/icon/windows-phone/icon-48.png" /><icon gap:platform="winphone" gap:role="background" src="res/icon/windows-phone/icon-173.png" /><gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="res/screen/android/screen-ldpi-portrait.png" /><gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="res/screen/android/screen-mdpi-portrait.png" /><gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="res/screen/android/screen-hdpi-portrait.png" /><gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="res/screen/android/screen-xhdpi-portrait.png" /><gap:splash gap:platform="blackberry" src="res/screen/blackberry/screen-225.png" /><gap:splash gap:platform="ios" height="480" src="res/screen/ios/screen-iphone-portrait.png" width="320" /><gap:splash gap:platform="ios" height="960" src="res/screen/ios/screen-iphone-portrait-2x.png" width="640" /><gap:splash gap:platform="ios" height="1136" src="res/screen/ios/screen-iphone-portrait-568h-2x.png" width="640" /><gap:splash gap:platform="ios" height="1024" src="res/screen/ios/screen-ipad-portrait.png" width="768" /><gap:splash gap:platform="ios" height="768" src="res/screen/ios/screen-ipad-landscape.png" width="1024" /><gap:splash gap:platform="winphone" src="res/screen/windows-phone/screen-portrait.jpg" />

這個 res/icon和res/screen目錄是相對於phonegap項目目錄的 ,也就是類似phonegap/res/icon/android/icon-36-ldpi.png,你的 表徵圖和啟動畫面必須在這兩個目錄下 。

phonegap3.5以前的config.xml中src="res/........",phonegap3.5開始變為了src="www/res/.......",而實際表徵圖和啟動畫面檔案都是存在於www/res下面的。因此phonegap3.4沒應用上表徵圖和啟動畫面是情有可原的(因為路徑沒指定對)。

不過儘管將src改為"www/res/.......",也將我們自己的表徵圖和啟動畫面檔案放在了phonegap/www/res/...下,

但是最後build之後的安卓項目和ios項目,表徵圖和啟動畫面還是沒有我們自己的。

後來看了Cordova文檔,對config.xml做了一些修改,才配置成功。

1、去掉上面config.xml中的表徵圖和啟動畫面配置,改為下面的

<platform name="android">  <icon src="res/icon/android/icon-36-ldpi.png" density="ldpi" />  <icon src="res/icon/android/icon-48-mdpi.png" density="mdpi" />  <icon src="res/icon/android/icon-72-hdpi.png" density="hdpi" />  <icon src="res/icon/android/icon-96-xhdpi.png" density="xhdpi" />  <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>  <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>  <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>  <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>  <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>  <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>  <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>  <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/></platform><platform name="ios">  <icon src="res/icon/ios/icon-60@3x.png" width="180" height="180" />  <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-76.png" width="76" height="76" />  <icon src="res/icon/ios/icon-76@2x.png" width="152" height="152" />  <icon src="res/icon/ios/icon-40.png" width="40" height="40" />  <icon src="res/icon/ios/icon-40@2x.png" width="80" height="80" />  <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-small.png" width="29" height="29" />  <icon src="res/icon/ios/icon-small@2x.png" width="58" height="58" />  <icon src="res/icon/ios/icon-50.png" width="50" height="50" />  <icon src="res/icon/ios/icon-50@2x.png" width="100" height="100" />  <splash src="res/screen/ios/Default~iphone.png" width="320" height="480"/>  <splash src="res/screen/ios/Default@2x~iphone.png" width="640" height="960"/>  <splash src="res/screen/ios/Default-Portrait~ipad.png" width=&
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.