2011-09-20 18 views
11

AndroidおよびiOS Phonegapアプリ用のアニメーションスプラッシュ画面を追加することは可能ですか? Androidのスプラッシュ画面ファイルとしてアニメーション.gifを追加しようとしましたが、動作しません。私。アニメーションはありません。唯一のことは.gifの最初のフレームです。Phonegap付きのアニメーションスプラッシュ画面

また、スプラッシュ画面のどこかに動的テキストを追加する方法はありますか?実際これは私が欲しいものです。そして、.gifを使うのはちょっとだけ私の前提ですが、どうすれば簡単にできるのですか? PhoneGapを使ってiOSとAndroidのダイナミックスプラッシュ画面用のワーキングコーダーの例を教えてもらえればさらに良いでしょう。

答えて

5

gifアニメーションはAndroidではサポートされていません。アニメーションはjQueryを使って可能です。これは、あなたが

  1. は、データ・ロールを作成し、このページ ための「pageshowの」イベントのイベントリスナーを登録して使用してアニメーションを開始、あなたのスプラッシュスクリーン ビュー
  2. が含まれている=「ページ」のdivを行うことができるものです同じイベントリスナーでjQueryの

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

+3

ただし、このページはWebViewが読み込まれたときにのみ表示されます。私はWebViewの読み込み中にのみ表示される実際のスプラッシュ画面が必要であることを意味します。私はsuper.setIntegerProperty( "splashscreen"、...)(Android用)でこのスプラッシュを設定できますが、この方法でアニメーション化することはできません。 – SergeyT

3

ジャバスクリプトのタイムアウト機能を呼び出す私がしてきました検索すると、私はあなたがjavascript - アンドロイドのインターフェイスを作成し、コルダバのような何かを行う必要があると思います。

これはコルドバコードです:

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のthrought呼び出されます。

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

また、あなたは、このリンクを参照してください、あまりにもiOSのためにそれを実行する必要があります。ios fade out splash screen (iphone 5 friendly)

+0

スプラッシュ画面にテキストやアニメーションを追加するとどのように役立ちますか? –

関連する問題