2011-09-20 72 views
11

是否有可能爲Android和iOS Phonegap應用程序添加動畫初始屏幕? 我試圖添加動畫.gif作爲Android的啓動屏幕文件,但它不起作用。即沒有動畫,我能看到的唯一的東西就是.gif的第一幀。帶有Phonegap的動畫初始屏幕

還有一種方法可以在啓動畫面上的某處添加動態文本嗎?其實這就是我想要的。使用.gif就是我的假設,我怎樣才能以最簡單的方式做到這一點。 因此,如果你可以給我一個iOS和Android動態啓動畫面的PhoneGa工作例子,它將會更好。

回答

5

Android上不支持gif動畫。動畫是可能的使用jQuery。這是你可以做什麼

  1. 創建數據角色=「頁面」分區包含閃屏 視圖
  2. 註冊一個事件偵聽器「pageshow」事件 此頁面,並使用啓動動畫jQuery的
  3. 在同一事件偵聽調用JavaScript的超時功能

setTimeout('functionToLoadNewPage', 2000); //functionToLoadNewPage - function name which will load a new page using $.mobile.changePage and 2000 - number of milliseconds for splash screen to be visible

+3

但是這個頁面只會在WebView加載時顯示。我的意思是我需要真正的啓動畫面,只顯示WebView加載時顯示。我可以通過super.setIntegerProperty(「splashscreen」,...)(適用於Android)來設置此次飛濺,但我無法通過這種方式使它變成動畫。 – SergeyT

3

我一直搜索,我認爲你應該創建一個javascript-android界面並且像Cordova那樣做。

這是科爾多瓦代碼:

public class SplashScreen extends Plugin { 

    @Override 
    public PluginResult execute(String action, JSONArray args, String callbackId) { 
     PluginResult.Status status = PluginResult.Status.OK; 
     String result = ""; 

     if (action.equals("hide")) { 
      this.webView.postMessage("splashscreen", "hide"); 
     } else if (action.equals("show")){ 
      this.webView.postMessage("splashscreen", "show"); 
     } 
     else { 
      status = PluginResult.Status.INVALID_ACTION; 
     } 
     return new PluginResult(status, result); 
    } 

它被調用throught的JavaScript這樣的:

exec(null, null, "SplashScreen", "show", []); 

此外,你需要做的iOS也看到此鏈接:ios fade out splash screen (iphone 5 friendly)

+0

它如何幫助將文字或動畫添加到啓動畫面? –