100% 至 100% Flex 应用程序预加载器定位

Question

我在尝试将加载动画应用到我的 Flex 应用程序（整个浏览器窗口占用者）时遇到问题。 我按照 Adob​​e 的 文章中所述对 DownloadProgressBar 类进行子类化< /a> 关于这个。 基类报告的 stageHeight 和 stageWidth 不正确。 它在构造函数中表示 500x375 像素，在其他地方表示 0x0。 为什么？

Answer 1

你解决这个问题了吗？ 我的 Flex 应用程序也有同样的问题。
舞台返回 500x375。
我的解决方法并不漂亮。 该函数在 FlexEvent.INIT_PROGRESS 上调用。 因此，当我的应用程序可用时，我会使用它的 props。

private function onFlexInitProgress( event:FlexEvent ):void {
    if (Application.application != null){
        var appWidth:Number = Application.application.width;
        var appHeight:Number = Application.application.height;
        x = (appWidth * 0.5) - (preloaderSWF.width * 0.5);
        y = (appHeight * 0.5);
        preloaderSWF.visible = true;
    }
}

Answer 2

我不确定这是否有帮助，但我认为可以通过使用 Application.width、Application.height 来引用 Flex 应用程序的大小。

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

以下问题似乎与您的问题相关：

http://www.nabble.com/Stupid-Question---Flex-width-and-height-td21423345.html

< a href="http://www.nabble.com/Flex-stage-size-td20167125.html" rel="nofollow noreferrer">http://www.nabble.com/Flex-stage-size-td20167125.html

http://dreamweaverforum.info/flex/125327-referencing- stage-flex.html

希望他们有所帮助。

Answer 3

0x0 的宽度/高度测量通常表示相关组件在读取时尚未完全布局（包括子组件）。 在构造函数中检查测量结果肯定还为时过早。 在将舞台设置为全屏并且显示的所有内容都已布置好之后，您可能需要检查测量值，可能是在应用程序创建完成事件中，甚至可能更晚。 以下链接应该是一个很好的资源：

http: //blog.flexexamples.com/2007/08/07/creating-full-screen-flex-applications/

Answer 4

您想要做的是将事件侦听器添加到舞台中以获取其调整大小事件，并相应地调整预加载器的大小。 否则，如果有人在显示预加载器时调整您的 Flex 应用程序的大小，则该应用程序不会调整大小。

stage.addEventListener(Event.RESIZE, onStageResize);

public function onStageResize(e : Event) : void {
    this.width = stage.stageWidth;
    this.height = stage.stageHeight;
}

或者，您可以使用如下代码将预加载器置于舞台中央：

preloader.x = this.stage.stageWidth/2 - preloader.width/2;

Answer 5

我在 flash builder 的 actionscript 项目中使用 100% 到 100% 宽度和高度时遇到了同样的问题。 我观察到 stage.stageWidth 和 stage.stageHeight 为 500x375，直到预加载器加载主类后，它才会更改为全屏尺寸。 因此，预加载器中的项目定位不正确。 我发现我的主类中的这一行正在更新舞台大小：

stage.scaleMode = StageScaleMode.NO_SCALE;

以下是我在预加载器中实现它的方法：

public function Preloader()
    {
        addEventListener(Event.ADDED_TO_STAGE, onAddedToStage);
    }

    private function onAddedToStage(event:Event):void {
        removeEventListener(Event.ADDED_TO_STAGE, onAddedToStage);
        stage.scaleMode=StageScaleMode.NO_SCALE;
        stage.align=StageAlign.TOP_LEFT;
        ...
    }