Добавление изображения загрузчика, когда изображение загружается в flex

Question

Мне нужно создать галерею для загрузки изображений и их отображения.Эта часть хороша:

/**    
 * @variable image_name to store the name of the selected item
*/      
private function showimage(evt:Event):void
{
    // to store the name of the selected image
    var image_name : String = evt.currentTarget.selectedItem.img_name;

    // checks if any item is clicked
    try
    {
        if(image_name == "")
        {
            throw new Error("No image selected from the list");
        }

        // supplying the image source for the Image imgmain
        // also supplying the height and width for the image source  
        imgMain.source = siteurl + image_name.toString(); 

    }
    catch(err:Error)
    {
        Alert.show(err.message);
    }
}

, где imgMain - это идентификатор компонента изображения.

Но мне нужен небольшой поворот.Переходное изображение, т. Е. Изображение загрузки, должно отображаться во время загрузки изображения.Пожалуйста, помогите мне.

Answer 1

Этого довольно легко достичь. Я бы предложил пойти по этому пути. Создайте спрайт imageHolder для загружаемого изображения и добавьте его в список отображения. Добавьте прослушиватель Event.INIT в свой loader.contentLoaderInfo, затем, когда загрузка будет завершена, вы удалите загрузочный образ и добавите loader.content в свой imageHolder.

var _imageHolder:Sprite = new Sprite();
addChild(_imageHolder);

// add your loading image to the _imageHolder
_imageHolder.addChild(new LoadingImage()); // exported in your library?

var _loader:Loader = new Loader();
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, _onLoadComplete);
_loader.load(new URLRequest('path to assset'));

// image has loaded so remove the display image and add the content
function _onLoadComplete(e:Event):void{
    _loader.contentLoaderInfo.removeEventListener(Event.COMPLETE, _onLoadComplete);
    _imageHolder.removeChildAt(0);
    _imageHolder.addChild(_loader.content);
}