从movieclip AS 3.0删除图片

Question

我使用下面的代码制作了一个文件夹。 它工作正常，但我有问题。 由于图片的大小不同，因此当加载较小的图片时，先前的图像仍在背景中。 您能帮我说说我如何仅显示当前图片以清除背景。

提前致谢

import flash.display.BitmapData;
var loader:Loader;
var loading:TextField = new TextField();
var image:Bitmap;
var xmlLoader:URLLoader = new URLLoader();
var files:Array= new Array();
var titles:Array= new Array();
var description:Array= new Array();
var index:int = 0;
var pictures:int = 0;

xmlLoader.load(new URLRequest("images.xml"));
xmlLoader.addEventListener(Event.COMPLETE, readXML);

function readXML(e:Event):void {

XML.ignoreWhitespace = true;
var images:XML = new XML(e.target.data);
pictures = images.picture.length();
for (var i:Number=0; i<pictures; i++) {
    titles[i]=images.picture[i].title.text();
    files[i]=images.picture[i].file.text();
    description[i]=images.picture[i].description.text();
}
load(0);
}

function load(index:int):void {

circle.visible = false;

loader=new Loader();
loader.load(new URLRequest(files[index]));

text_folio.text = titles[index];
description_folio.text = description[index];

//loader.contentLoaderInfo.addEventListener("progress",progressLoad);
loader.contentLoaderInfo.addEventListener("complete",completeLoad);
}

function progressLoad(e:Event):void {
loading.x=100;
loading.y=100;
stage.addChild(loading);
loading.text="Loading: ";

var tFormat:TextFormat=new TextFormat();
tFormat.size = 20;
tFormat.color = 0x888888;
loading.setTextFormat(tFormat);
}

function completeLoad(e:Event):void {
bigImg.mask = null;
image=Bitmap(loader.content);
bigImg.addChild(image);

//create the small image from the big image
var bmp:BitmapData = new BitmapData(bigImg.width, bigImg.height);
bmp.draw(bigImg);

var bitmap2:Bitmap = new Bitmap(bmp);
bitmap2.scaleX /=2;
bitmap2.scaleY /=2;
smallImg.addChild(bitmap2);

loader.contentLoaderInfo.removeEventListener("progress",progressLoad);
loader.contentLoaderInfo.removeEventListener("complete",completeLoad);

loader=null;

loading.text="";
loading.visible=false;

circle.visible = true;
bigImg.mask = circle;//add the circle mask to the big image
stage.addEventListener("enterFrame",mGlass);

}

function mGlass(e:Event) {
bigImg.x = (mouseX * -1);
bigImg.y = (mouseY * -1);

circle.x = (mouseX-150);
circle.y = (mouseY-150);
}

left.addEventListener(MouseEvent.CLICK, buttonLeft);
right.addEventListener(MouseEvent.CLICK, buttonRight);

function buttonRight(event:MouseEvent):void {
if (index == pictures-1)
    index = 0;
else
    index++;
load(index);
}

function buttonLeft(event:MouseEvent):void {
if (index == 0)
    index = pictures-1;
else
    index--;
load(index);
}

Answer 1

我模拟了您的设置，这就是我想出的。

该代码将在bigImg内部进行查看，并查看其中包含多少个显示子项，然后循环遍历所有子项并将其删除。 （此方法假定bigImg Movieclip内部没有其他内容）。 请问您是否不确定它是如何工作的，但是应该可以自我解释。

for (var i:int = 0; i < bigImg.numChildren; i++) {
    bigImg.removeChildAt(i);
}

在调用loader.load之前，应将其添加到load函数中。

function load(index:int):void {
    var i:int;
    for (i = 0; i < bigImg.numChildren; i++) {
        bigImg.removeChildAt(i);
    }
    circle.visible = false;
    loader=new Loader();
    loader.load(new URLRequest(files[index]));
    text_folio.text = titles[index];
    description_folio.text = description[index];    
    loader.contentLoaderInfo.addEventListener("progress",progressLoad);
    loader.contentLoaderInfo.addEventListener("complete",completeLoad);
}