flex 4 - 等待加载完成而不冻结

Question

我想知道是否可以实现任何逻辑来让图像完成加载而不冻结。

为了我的应用程序，我创建了一个类，它在构造函数中获取图像 url 并使用“load()”函数加载 mx.controls.Image。

请参阅下面的类

package com
{
import flash.display.Loader;
import flash.display.Sprite;
import flash.events.*;
//import flash.net.URLRequest;

import mx.controls.Alert;
import mx.controls.Image;
//import mx.utils.OnDemandEventDispatcher;

public class SpriteImage extends Sprite
{
    //Pass the source path or url here.
    private var imageUrl:String;
    private var ready:int = -1;
    private var img:Image;

    public function SpriteImage(imgUrl:String)
    {
        //imageUrl = imgUrl;
        loadImage(imgUrl);
    }
    private function loadImage(imgUrl:String):void
    {

        img = new Image();
        img.addEventListener(Event.COMPLETE,onCompleteHandler);
        img.addEventListener(IOErrorEvent.IO_ERROR,onErrorHandler);     
        //img.source = imgUrl;
        img.load(imgUrl);

    }

    private function onCompleteHandler(e:Event):void{

        img.x = -(img.width/2);
        img.y = -(img.height/2);
        this.addChild(img);
        ready = 1;
    }

    private function onErrorHandler(e:IOErrorEvent):void
    {
        ready = 0;
        //Alert.show("Can't load :" + e.toString());
    }

    public function prepare():Boolean{

        while(ready == -1){
            trace(0);
        }           
        return ready;
    }
}

}

现在，我从主应用程序中使用此类，如下所示

var img:SpriteImage = new SpriteImage(e.imageUrl);
img.prepare(); // just waits till image is loaded but freezes
var obj:DisplayObject = img;

现在问题是应用程序永远不会从prepare（）方法中出来。它冻结了浏览器，我必须终止插件进程才能解冻应用程序。

这里的主要标准是我需要等待图像完成加载，以便我可以在后续步骤中访问图像。我该怎么做？请帮忙

Answer 1

在我看来，您正在使用 while(ready == -1) 自己创建冻结，为什么不禁用用户进一步执行“步骤”的功能，直到图像已加载？

您不必像现在一样同步等待图像加载。加载图像后，您将通过其加载程序调度的完整事件收到通知。然后您可以启用取决于正在加载的图像的任何内容。

一种直接的方法是将应用程序中导航控件的 enabled 属性绑定到布尔属性。例如

[Bindable] public var isImageLoaded:Boolean = false;

，在调用 onCompleteHandler 后，在 SpriteImage 中添加并将其设置为 true。您可以绑定到该属性的值。另一种方法是从您的类中调度一个事件来通知其他人图像已加载并且可能会发生一些事情:]

Blaze

Answer 2

ProgressBar 可以让您的 UI 更加有趣，使其在加载图像时不会冻结。

请参阅 ProgressBar 控件的 Adob​​e 文档。标题为创建 ProgressBar 控件的段落有一个示例，演示如何在加载图像时显示 ProgressBar。