使用Phonegap创建动态启动画面

Question

是否可以为Android和iOS Phonegap应用程序添加动画闪屏屏幕？

我试图将动画.gif作为Android的闪屏屏幕文件添加，但它不起作用。也就是说，没有动画效果，我只能看到.gif的第一帧。

而且，在闪屏屏幕的某个位置添加动态文本的方法是否存在？实际上这就是我想要的。使用.gif只是我的假设，最简单的方法如何做到这一点。 因此，如果您可以提供iOS和Android Phonegap动态闪屏屏幕的工作代码示例，那就更好了。

- SergeyT

Answer 1

Android不支持gif动画。您可以使用jQuery来实现动画效果。以下是您可以采取的措施：

1. 创建一个data-role="page"的div，其中包含您的闪屏视图
2. 为此页面注册“pageshow”事件的事件侦听器，并使用jQuery启动您的动画
3. 在同一事件侦听器中调用javascript的timeout函数

setTimeout('functionToLoadNewPage', 2000); // functionToLoadNewPage - 函数名称，它将使用$.mobile.changePage加载新页面，2000 - 闪屏可见的毫秒数

- Rahul Choudhary

---

只有当WebView加载完成后，该页面才会显示。我的意思是我需要一个真正的启动画面，只在WebView加载时显示。我可以通过super.setIntegerProperty("splashscreen", ...)（适用于Android）设置此闪屏，但我无法以这种方式使其动画化。 - SergeyT

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友好）。

- rafinskipg

---

将文本或动画添加到启动屏幕有什么帮助？ - griffon vulture