Анимированный заставку с помощью Phonegap

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

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

Ответы

Ответ 1

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

  • Создайте раздел data-role = "page", содержащий ваш заставку просмотр
  • зарегистрировать прослушиватель событий для события "pageshow" для этой страницы и начать анимацию с помощью jQuery
  • В той же функции времени ожидания javascript calllist-функции eventlistener

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

Ответ 2

Я искал, и я думаю, что вы должны создать интерфейс javascript-android и сделать что-то вроде Кордовы.

Это код Кордовы:

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

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

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

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