正在加载问题缩略图

Question

我在加载缩略图时遇到问题，我为每个缩略图在舞台上加载设置了一个时间间隔。其中一些无法按顺序加载，它们丢失，滞后......

实际上，我将预加载器设置为文件大小，但由于我从 XML 动态加载，因此文件大小较小。

有谁知道解决该问题的解决方案？ 不过，这确实让我很烦恼...

我加载了 XML 文件，并且解析过程没有任何问题。

有时，所有缩略图都可以加载到舞台上，如果带宽有点慢，则表示滞后意味着第一个缩略图正在加载，然后它突然跳过第二个缩略图，而是加载第三个缩略图，依此类推...

有时它可以加载整个缩略图...这很奇怪

，我在这里设置了一个计时器来加载每个缩略图

protected static const INTERVAL_TIME:uint       = 1000;
initLoadTime = new Timer(INTERVAL_TIME);
initLoadTime.addEventListener(TimerEvent.TIMER, handleLoadedEachThumbnail, false, 0, true);
initLoadTime.start();

protected function handleLoadedEachThumbnail(event:TimerEvent):void
{
var container:MovieClip = new MovieClip();

if (currentIndex < tabPhoto.length) {
 thumbnailPositionMC = positionEachThumbnail();
 container.addChild(thumbnailPositionMC);
 addChild(container);


 currentIndex++;
}

if (currentIndex == tabPhoto.length) {
 currentIndex = 0;
 initLoadTime.removeEventListener(TimerEvent.TIMER, handleLoadedEachThumbnail);
 initLoadTime.stop();
}

}

Answer 1

我认为最好创建一个循环并使用加载器的 Event.COMPLETE 来知道何时加载下一个缩略图，而不是使用间隔。这样你就会避免冲突。

var imageLoader:Loader;
var currentImageLoading:uint;
var thumbsToLoad:Array; //array of strings of paths to the thumbnail

function loadThumbs(thumbs:Array):void
{
    currentImageLoading = 0;
    thumbsToLoad = thumbs;
    loadNextThumb();

function loadNextThumb():void
{
    imageLoader = new Loader();
    var imageUrl:String = thumbsToLoad[currentThumbLoading];
    var imageRequest:URLRequest = new URLRequest( imageUrl );
    imageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadThumbComplete);
    imageLoader.load( imageRequest );
}

function loadThumbComplete(e:Event):void
{
    // do stuff with loaded thumb here
    var thumb:Sprite = new Sprite();
    thumb.addChild(imageLoader.content);
    trace(thumb.width);
    currentThumbLoading++;
    if (currentThumbLoading < thumbsToLoad.length) {
        loadNextThumb();
    } else {
        // loading cycle is complete
    }
}

评论后编辑

我修复了 loadThumbComplete 以获取事件参数。为了获取加载的拇指的宽度，我更喜欢从 imageLoader 中获取内容并将其放入 Sprite 中。

Answer 2

我已将 tabPhoto 和 tabThumbWidthIncrement 声明为 Vector

var tabPhoto:Vector.<ThumbInfo> = new Vector.<ThumbInfo>;
var tabThumbWidthIncrement:Vector<uint> = new Vector.<uint>;