带有Phonegap的动画闪屏

时间:2011-09-20 07:42:32

标签: android ios cordova

是否可以为Android和iOS Phonegap应用添加动画启动画面? 我试图将动画.gif添加为Android的启动画面文件,但它不起作用。即没有动画,我唯一能看到的是.gif的第一帧。

还有一种方法可以在启动画面的某处添加动态文本吗?其实这就是我想要的。并且使用.gif只是我的假设,我怎么能以最简单的方式做到这一点。 所以,如果你能给我一个使用Phonegap的iOS和Android动态闪屏的工作鳕鱼的例子,那就更好了。

2 个答案:

答案 0 :(得分:5)

Android不支持gif动画。使用jQuery可以实现动画。这就是你能做的事情

  1. 创建一个包含启动画面的data-role =“page”div 查看
  2. 为此页面注册“pageshow”事件的事件侦听器 并使用jQuery
  3. 开始动画
  4. 在同一个eventlistener中调用javascript的超时功能
  5. 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

答案 1 :(得分:3)

我一直在寻找,我认为你应该创建一个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)