带有Phonegap的动画启动画面

Question

可以为Android和iOS Phonegap应用程序添加动画闪屏吗？我试图添加动画.gif作为闪屏文件为安卓，但它不起作用。也就是说，没有动画，我唯一能看到的是.gif的第一帧。

还有，有没有办法在闪屏的某个地方添加动态文本？实际上这就是我想要的。使用.gif只是我的假设，我如何才能以最简单的方式做到这一点。所以，如果你能给我的iOS和安卓动态闪屏与Phonegap的工作代码的例子，它将会更好。

Answer 1

Android不支持gif动画。使用jQuery可以制作动画。这就是你能做的

1. 创建一个data-role=“

”div，其中包含您的闪屏视图

1. 为此页面注册一个"pageshow“事件的事件侦听器，并在同一事件中使用jQuery
2. 启动动画侦听器调用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 fade out splash screen (iphone 5 friendly)