phonegap android應用啓動圖片

用phonegap的同學可能會發現,在app被啓動起來之前會有一段時間的空白界面。空白界面出現是因爲web view裏面的東西還沒有被載入。這時如果能加入splash screen,用戶體驗會好很多。
用splash andriod phonegap 這樣的關鍵詞能搜到很多解決這個問題的文章。比如說http://blog.assortedgarbage.com/2011/02/adding-a-splash-screen-for-android-using-phonegap/
但是經過試驗,我發現那些文章提到的方法都不好用。。。splash screen確實會出現,但是它出現以後界面會黑一下,然後纔是web頁面。無論
super.loadUrl(“file:///android/www/index.html”, 1000)
複製代碼

參數裏面的delay 時間加到多長。
看過phonegap的代碼,
super.setIntegerProperty(“splashscreen”,
R.drawable.splash)
複製代碼

實際上乾的事情是 1. 把appview的背景顏色設透明。 2. 把appview的背景設成指定的圖片。 然後在web頁面被load成功以後,將appview的背景刪去。 界面會黑一下的原因我覺得是它刪的太早了。
所以加splash screen,並且不黑的最終解決方案:
1. 在activity的onCreate方法中。 loadUrl之前加上
this.appView.setBackgroundColor(0);
this.appView.setBackgroundResource(R.drawable.splashscreen)
複製代碼

第一句是把背景色設成透明。 第二句是設置背景爲指定的圖片(參數即爲想要的圖片)
2. 在js代碼中。當所有的該load的東西全部load成功以後,將要顯示web頁面之前。把頁面背景色設爲白色(或其他顏色)
$(‘body’).css(‘background’,'white’);
複製代碼
參考鏈接:http://bbs.phonegapcn.com/thread-49-1-1.html
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章