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

Question

各位，

我设计了一个 Adobe AIR 应用程序。我想在它打开之前显示一些预加载器。

谁能指导我有关预加载器 专门针对 AIR 或任何已内置预加载器的教程？

谢谢

Answer 1

借助 AIR，我可以想出几种方法来实现这一目标：

1。对于本机窗口

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

2.在一个窗口中，使用 states

创建 2 个状态（例如“正在加载”和“正常”）。将主 WindowedApplication 的“currentState”属性设置为“loading”。在此状态下显示您的启动屏幕。在显示应用程序之前执行必要的逻辑。引导完成后，将“currentState”属性设置为“正常”。在“正常”状态下显示您的实际应用程序。

3.透明应用程序

使用透明 AIR 应用程序，您可以使用状态（如 n° 2）和假窗口。然后，您的主应用程序将是一个覆盖整个屏幕的透明窗口。现在，您可以将启动屏幕和主视图放置在透明窗口内的任意位置。不用担心：您可以点击透明窗口，这样就不会遮挡任何内容。

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

编辑：示例

最简单的解决方案是第 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”。这些设置将有效隐藏主应用程序窗口。然后，我们依次创建一个用于启动屏幕的窗口和一个用于主视图的窗口。重要的是，主 WindowedApplication 保持不可见，因为另一种方法会在启动屏幕显示之前使该窗口短暂可见（似乎是一个错误）。

Answer 2

您的意思是启动画面

非官方：

• http:// /inflagrantedelicto.memoryspiral.com/2008/07/creating-a-splash-screen-in-air/
• http://www .psyked.co.uk/flex/10-minute-flex-air-tutorial-creating-your-application-splash-screen.htm

官方：

• http://livedocs.adobe.com/flex/3/html /help.html?content=FlexApolloComponents_16.html

但是，我不相信有挂钩可以让您显示应用程序加载状态的实时进度。

您可以尝试通过嵌入一个 swf 来模拟这一点，该 swf 具有（模拟的）进度条，显示您的虚假进度。

Answer 3

如果这是一个移动应用程序，并且您只需要一个启动屏幕：

在主应用程序的 mxml 文件内，将：插入

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

到 ViewNavigatorApplication 块中。

检查规格：

http://opensource.adobe.com/wiki/display /flexsdk/Mobile+Splash+Screen