帶有Phonegap的動畫閃屏

Question

是否可以為Android和iOS Phonegap應用添加動畫閃屏？ 我試圖將動畫.gif添加為Android的啟動畫面文件，但它不起作用。 即沒有動畫，我唯一能看到的是.gif的第一幀。

還有一種方法可以在啟動畫面的某處添加動態文本嗎？ 其實這就是我想要的。 並且使用.gif只是我的假設，我怎么能以最簡單的方式做到這一點。 所以，如果你能給我一個使用Phonegap的iOS和Android動態閃屏的工作鱈魚的例子，它會更好。

Answer 1

Android不支持gif動畫。 使用jQuery可以實現動畫。 這就是你能做的

1. 創建一個data-role =“page”div，其中包含啟動畫面視圖
2. 為此頁面注冊“pageshow”事件的事件監聽器，並使用jQuery啟動動畫
3. 在同一個eventlistener中調用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

Answer 2

我一直在尋找，我認為你應該創建一個javascript-android界面，並做一些類似Cordova的事情。

這是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);
     }

並通過這樣的javascript調用它：

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

此外，你也需要為iOS做這件事，請看這個鏈接： ios淡出啟動畫面（iphone 5友好）