Adobe AIR - 带图像的自定义预加载器

Question

伙计们,

我设计了一个Adobe AIR应用程序.我想preloader在它打开之前展示一些.

任何人都可以指导我preloader 专门针对AIR或任何已经内置的教程吗？

谢谢

Answer 1

使用AIR,我可以想到几种方法来实现这一目标:

1.带有原生窗户

将主WindowedApplication的'visible'属性设置为'false'.在'creationComplete'事件中,会生成一个包含启动画面的新窗口.在显示应用程序之前执行必要的逻辑.完成引导程序后,关闭启动屏幕并将主应用程序的"可见"设置为"true".

2.在一个窗口中,使用状态

创建2个状态(例如'loading'和'normal').将主WindowedApplication的'currentState'属性设置为'loading'.在此状态下显示启动画面.在显示应用程序之前执行必要的逻辑.完成引导程序后,将'currentState'属性设置为'normal'.在"正常"状态下显示您的实际应用程序.

3.透明应用

使用透明的AIR应用程序,您可以使用状态(如n°2)和假窗口.然后,您的主应用程序将成为覆盖整个屏幕的透明窗口.您现在可以在此透明窗口内的任何位置放置闪屏和主视图.别担心:您可以点击透明窗口,这样就不会阻止任何内容.

我可以向您展示一些代码,但我需要有关您的应用程序的更多具体信息.

编辑:示例

最简单的解决方案是nr 2:

<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:v="net.riastar.view"
                       currentState="loading"
                       creationComplete="boot()">

    <fx:Script>
        <![CDATA[
            private function boot():void {
                var bootstrap:Bootstrap = new Bootstrap();
                bootstrap.addEventListener(Event.COMPLETE, showApp);
                bootstrap.boot();
            }

            private function showApp(event:Event):void {
                currentState = 'normal';
            }
        ]]>
    </fx:Script>

    <s:states>
        <s:State name="loading" />
        <s:State name="normal" />
    </s:states> 

    <s:Image source="@Embed('splash.jpg')" includeIn="loading" />
    <v:MainView includeIn="normal" />

</s:WindowedApplication>

Windows的例子

<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                       xmlns:s="library://ns.adobe.com/flex/spark"
                       xmlns:v="net.riastar.view" 
                       creationComplete="showSplash()" 
                       visible="false">

    <fx:Script>
        <![CDATA[
            import mx.events.AIREvent;
            import spark.components.Window;

            private var splash:Window;

            private function showSplash():void {
                splash = new SplashWindow();
                splash.systemChrome = "none";
                splash.type = NativeWindowType.LIGHTWEIGHT;
                splash.addEventListener(AIREvent.WINDOW_COMPLETE, boot);
                splash.open();
            }

            private function boot(event:AIREvent):void {
                var bootstrap:Bootstrap = new Bootstrap();
                bootstrap.addEventListener(Event.COMPLETE, showApp);
                bootstrap.boot();
            }

            private function showApp(event:Event):void {
                callLater(splash.close);

                var mainWin:Window = new MainApplicationWindow();
                mainWin.open();
            }
        ]]>

    </fx:Script>

</s:WindowedApplication>

这个需要更多解释:在你的应用程序中,你必须将'systemchrome'设置为'none','visible'设置为'false'和'transparent'tot'true'.您还必须将"visible"属性设置为"false".这些设置将有效地隐藏主应用程序窗口.然后,我们依次为启动画面创建一个窗口,为主视图创建一个窗口.重要的是主WindowedApplication保持不可见,因为另一种方法会在启动屏幕出现之前使该窗口短暂可见(似乎是一个错误).