Анимированная заставка с PhoneGap

Question

Возможно ли добавить анимированные заставки для приложений Android и iOS Phonegap? Я пытался добавить анимированный .gif в качестве файла заставки для Android, но он не работает. То есть анимации нет, вижу только первый кадр .gif.

А также есть ли способ добавить динамический текст где-нибудь на заставке? На самом деле это то, что я хочу. И использовать .gif - это только мое предположение, как я могу сделать это самым простым способом. Так что, если вы можете привести пример рабочей трески для iOS и Android с динамическими заставками с Phonegap, это будет еще лучше.

Answer 1

GIF анимации не поддерживаются на Android.Анимации возможны с использованием jQuery.Это то, что вы можете сделать

1. Создать div data-role = "page", который содержит ваше представление заставки
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

Answer 2

Я искал, и я думаю, что вы должны создать интерфейс 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);
     }

И он вызывается через JavaScript следующим образом:

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

Также вам нужно будет сделать это и для iOS, перейдите по этой ссылке: Экран-заставка ios fade out (подходит для iphone 5)