Adobe AIR - 画像付きカスタムプリローダー

フォークス、

私は Adob​​e AIR アプリケーションを設計しました。オープンする前に、いくつかの preloader を表示したいと思います。

preloaderAIRを対象としたチュートリアル や既にビルドされているものを教えてくれる人はいますか?

ありがとう

2
追加された 著者 Dennis Jaamann,
そのプリローダーと画像をAIR用の「オープニング」ウィンドウに表示するにはどうすればよいですか?
追加された 著者 Javascript is GOD,
Stack Overflowに関するあなたの質問をもっと見やすくするための丁寧な方法は、賞品を投稿することです。ありがとう。
追加された 著者 sarnold,
AIRアプリケーションでは、フレームワークがほとんど即座に読み込まれるため、プリローダーはほとんど必要ありません。あなたのアプリケーションにあなたが待つ必要がある他のものがあるなら、あなたは単に何らかのプログレスバーを使うことができます。
追加された 著者 RIAstar,

3 答え

AIRを使用して、私はそれを達成するためのいくつかの方法を考えることができます:

1。ネイティブウィンドウ付き

メインのWindowedApplicationの 'visible'属性を 'false'に設定します。 'creationComplete'イベントでは、スプラッシュ画面を含む新しいウィンドウが生成されます。アプリを表示する前に必要なロジックを実行します。ブートストラップが完了したら、スプラッシュ画面を閉じ、メインアプリケーションの 'visible'を 'true'に設定します。

2。 1つのウィンドウで、状態を使用して

2つの状態を作成します(例: 'loading'と 'normal')。メインのWindowedApplicationの 'currentState'属性を 'loading'に設定します。この状態でスプラッシュ画面を表示します。アプリを表示する前に必要なロジックを実行します。ブートストラップが完了したら、 'currentState'属性を 'normal'に設定します。 「通常の」状態では、実際のアプリケーションを表示します。

3。透明なアプリケーション

透過的なAIRアプリケーションを使用すると、州(n°2のように)と偽の窓で作業することができます。メインアプリケーションは、画面全体をカバーする透明なウィンドウになります。この透明なウィンドウの内側に、スプラッシュスクリーンとメインビューを配置することができます。心配する必要はありません。透明なウィンドウをクリックすると、何もブロックされません。

私はあなたにいくつかのコードを示すことができましたが、私はあなたのアプリケーションに関するより具体的な情報が必要です。

編集:例

最も簡単な解決策は、nr 2です。



    
        


    

    
        
        
     

    
    


ウィンドウのある例



    
        



    


これはもっと説明が必要です。アプリケーションでは、 'systemchrome'を 'none'に、 'visible'を 'false'に、 'transparent' tot 'true'に設定する必要があります。また、 'visible'属性を 'false'に設定する必要があります。これらの設定は、メインアプリケーションウィンドウを効果的に非表示にします。次に、スプ​​ラッシュ画面用のウィンドウとメインビュー用のウィンドウを順次作成します。別のアプローチでは、スプラッシュ画面が表示される前にウィンドウが短く見えるようになるため、メインのWindowedApplicationは表示されないようにすることが重要です(バグのようです)。

6
追加された
オプション1と2の間のものは何でもできます。はい、私はコードを見たいと思います。私にそれを見せてもらえますか?
追加された 著者 Javascript is GOD,

スプラッシュ画面です

非公式:

公式:

しかし、私はあなたのアプリケーションの負荷状況のリアルタイム進捗状況を示すことができるフックがあるとは思わない。

あなたは擬似進行を示す(シミュレートされた)プログレスバーを持っているswfを埋め込むことでこれをシミュレートすることができます。

2
追加された
大丈夫、私は見てみましょう:)
追加された 著者 Javascript is GOD,

これがモバイルアプリの場合、スプラッシュ画面が必要な場合:

メインアプリケーションのmxmlファイル内に次の行を挿入します。

    splashScreenImage="@Embed('MyImage.png')"
    splashScreenScaleMode="zoom"         //optional - display type
    splashScreenMinimumDisplayTime="2000" //optional - display duration

ViewNavigatorApplicationブロックに追加します。

仕様を確認してください:

http://opensource.adobe.com/wiki/display/flexsdk/Mobile +スプラッシュ+スクリーン

1
追加された
まあ、それはほぼ5年経ちましたが、私はあなたがそれをApacheのサイトでFlex SDKドキュメントを掘り下げ、対応するactionscript
追加された 著者 SQLiteNoob,
mxmlを使用していない場合はどうなりますか?純粋なアクションスクリプトプロジェクトなど?
追加された 著者 Nuthman,