来自 XML 的 AS3 随机图像 - 永不重复

Question

我正在 Flash 中创建一个横幅广告，它会在页面加载后显示来自 XML 文件的 3 个随机图像。我的问题是它偶尔会重复。我已经包含了我的代码，有什么建议吗？

---

var pHeight:Number = 84;
var pWidth:Number = 120;


var listLoader:URLLoader = new URLLoader( new URLRequest("www.example.com/example.xml") );
var picLoader:Loader = new Loader();

listLoader.addEventListener(Event.COMPLETE, gotList);

function gotList(evt:Event):void {
    var xmlData:XML = XML(listLoader.data);
    var numImages:Number = xmlData.picture.length();
    var stImage:String = xmlData.picture[Math.floor(numImages*Math.random())].toString();

    picLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, gotPic);
    picLoader.load( new URLRequest(stImage) );

    listLoader.removeEventListener(Event.COMPLETE, gotList);
}

function gotPic(evt:Event):void {
    var thisBmp:Bitmap = Bitmap(evt.target.content);
    thisBmp.x = 0;
    thisBmp.y = 0;
    var thisWidth:Number = thisBmp.width;
    var thisHeight:Number = thisBmp.height;

    thisBmp.scaleX = pWidth/thisWidth;
    thisBmp.scaleY = pHeight/thisHeight;
    addChild(thisBmp);

    picLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE, gotPic);
}

Answer 1

正如 cmets 中所述，您需要将 XML 的加载从 MovieClip 移到您的主/文档类中（或者，如果您正在处理时间线，您可以将它放在那里.. . 我不是宽恕这种行为，我只是想不管你用什么方法都能回答你的问题）。

一次加载 XML 后，您可以从那里抓取图像，将它们放入 Array，然后对其进行随机排序：

var images:Array = [];
for each(var imgObj:XML in xml.img){
    images.push(imgObj.toString());
}
images.sort(function(a:Object,b:Object):int{return Math.random() > .5 ? -1 : 1})

您可能需要修改上面的代码以适应您的 XML 格式。

接下来您要做的是在您的 MovieClip 上创建一个公共方法，该方法允许您为该剪辑设置图像：

function setPic(stImage:String):void {
    picLoader = new Loader();
    picLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, gotPic);
    picLoader.load( new URLRequest(stImage) );
    addChild(picLoader);
}

最后，您可以使用此setPic 方法在您的MovieCilp 的每个实例上设置图像：

for(var i:int = 0; i < images.length; i++)
{
    this["mc"+(i+1)].setPic(images[i]); 
}

这是假设您的 MovieClip 实例（mc1、mc2 等）有一定的命名约定