尝试删除数组中的子实例。缺乏CS训练。完全卡住了

Question

我昨天发布了有关如何与另一个类进行通信的信息，我想删除它的一个实例，今天我让调度程序开始工作。然而，我想我已经把自己逼到了墙角。即使调度程序正在工作，IA：感觉它在实际删除对象的过程中运行了太多函数，而 B：仍然无法设法让它实际删除。我没有接受过任何正式的计算机科学培训，所以这是一种我的思绪在兜圈子的情况，我无法“看到”我做错了什么。我想如果我在这里发布我的课程，至少人们可以嘲笑我的业余代码，如果我幸运的话，某个好心人会指出我做错了什么。所以这里是：

Background.as：

//Background class. Singleton? Sets up/maintains the application.

package pc_mockup {

import flash.display.*;
import flash.events.*;
import flash.geom.*;

public class Background extends flash.display.MovieClip {

    private var slate:MovieClip;
    private var slateBounds:Rectangle = new Rectangle(100,-260,0,280);
    private var _toolbox:MovieClip;
    private var _elementArray:Array = new Array();

    public function Background() {

        //attach movieclips to stage
        slate = new mc_slate();
        slate.x = 100;
        slate.y = 20;
        addChild(slate);

        _toolbox = new Toolbox();
        _toolbox.x = 750;
        _toolbox.y = 20;
        addChild(_toolbox);

        //set draggables
        //slate.addEventListener(MouseEvent.MOUSE_DOWN, dragSlate);
        //slate.addEventListener(MouseEvent.MOUSE_UP, releaseSlate);

        slate.addEventListener(MouseEvent.MOUSE_UP, dropNewElement);

    }

    private function dragSlate(event:MouseEvent) {
        slate.startDrag(false, slateBounds);
    }

    private function releaseSlate(event:MouseEvent) {
        slate.stopDrag();
    }

    private function dropNewElement(event:MouseEvent) {
        var _elementType:String = _toolbox.currentTool;
        var _x:Number = event.target.x;
        var _y:Number = event.target.y;
        var _newElement:MovieClip;
        var _latestIndex:Number;

        //case switch to choose element based on _elementType
        //add new element to stage
        _newElement = new PageElement(_elementType, event.localX, event.localY);
        _latestIndex = _elementArray.push(_newElement);
        _newElement.addEventListener("closeWindow", deleteElement);
        slate.addChild(_newElement);
    }

    private function deleteElement(event:Event) {
        trace("trying to remove element.");
        slate.event.target.removeChild(_elementArray[0]);
    }

}

}

Toolbox.as：package

//Toolbox class.

pc_mockup {

import flash.display.*;
import flash.events.*;
import flash.geom.*;

public class Toolbox extends flash.display.MovieClip {

    private var _toolboxback:MovieClip;
    private var _tool01:MovieClip;
    private var _tool02:MovieClip;
    private var _tool03:MovieClip;
    private var _tool04:MovieClip;
    private var _tool05:MovieClip;
    private var _currentTool:String = 'none';

    public function Toolbox() {

        _toolboxback = new ToolboxBack();
        _toolboxback.x = 0;
        _toolboxback.y = 0;
        _toolboxback.alpha = .5;
        addChild(_toolboxback);

        _tool01 = new TextTool();
        _tool01.x = 10;
        _tool01.y = 10;
        addChild(_tool01);
        //_tool01.addEventListener(MouseEvent.MOUSE_DOWN, dragTool);
        _tool01.addEventListener(MouseEvent.MOUSE_UP, switchTool);

        _tool02 = new ImageTool();
        _tool02.x = 10;
        _tool02.y = 54;
        addChild(_tool02);
        _tool02.addEventListener(MouseEvent.MOUSE_UP, switchTool);


    }

    private function dragTool(event:MouseEvent) {
        event.target.startDrag(false);
    }

    private function releaseTool(event:MouseEvent) {
        event.target.stopDrag();
    }

    private function switchTool(event:MouseEvent) {
        _currentTool = event.target.toolname;
        //trace(_currentTool);
    }

    public function get currentTool():String{
        return _currentTool;
    }

}

}

Tool.as（任何末尾带有“Tool”的类都只是扩展该类并添加名称）

//Tool class.

package pc_mockup {

import flash.display.*;
import flash.events.*;
import flash.geom.*;

public class Tool extends flash.display.MovieClip {

    private var _toolname:String;

    public function Tool(toolname) {

        _toolname = toolname;

    }

    public function get toolname():String{
        return _toolname;
    }

}

}

PageElement。 as:

//Page element class.

package pc_mockup {

import flash.display.*;
import flash.events.*;
import flash.geom.*;
import flash.text.*;

public class PageElement extends flash.display.MovieClip {

    private var _elementname:String;
    private var _elementback:MovieClip;
    private var _elementmenu:MovieClip;
    private var _title:TextField;
    private var _formatter:TextFormat = new TextFormat();

    public function PageElement(elementname, x, y) {

        _elementname = elementname;
        _elementback = new ElementBack();
        _elementback.x = x;
        _elementback.y = y;
        _elementback.alpha = .5;
        _elementback.addEventListener(MouseEvent.MOUSE_DOWN, dontBubble);
        _elementback.addEventListener(MouseEvent.MOUSE_UP, dontBubble);

        _elementmenu = new ElementMenu();
        _elementmenu.x = x + _elementback.width - 5;
        _elementmenu.y = y - 5;
        _elementmenu.addEventListener(MouseEvent.MOUSE_OVER, showElementMenu);
        _elementmenu.addEventListener(MouseEvent.MOUSE_OUT, retractElementMenu);
        _elementmenu.addEventListener(MouseEvent.MOUSE_DOWN, dragElement);
        _elementmenu.addEventListener(MouseEvent.MOUSE_UP, releaseElement);

        _formatter.font = "Helvetica";
        _formatter.size = 10;

        _title = new TextField();
        _title.text = elementname;
        _title.x = x;
        _title.y = y;
        _title.textColor = 0xffffff;
        _title.setTextFormat(_formatter);

        addChild(_title);
        addChild(_elementback);
        addChild(_elementmenu);

    }

    public function get elementname():String{
        return _elementname;
    }

    public function set elementTitle(newTitle) {

    }

    public function showElementMenu(event:MouseEvent) {
        _elementmenu.expandMenu();
    }

    public function retractElementMenu(event:MouseEvent) {
        _elementmenu.retractMenu();
    }

    public function hideElementMenu() {
        _elementmenu.alpha = 0;
    }

    private function dragElement(event:MouseEvent) {
        event.target.parent.parent.startDrag(false);
        event.stopPropagation();
    }

    private function releaseElement(event:MouseEvent) {
        event.target.parent.parent.stopDrag();
        event.stopPropagation();
    }

    private function dontBubble(event:MouseEvent) {
        event.stopPropagation();
    }

}

}

DeleteBack.as:

//Element menu back class.

package pc_mockup {

import flash.display.*;
import flash.events.*;
import flash.geom.*;

public class DeleteBack extends flash.display.MovieClip {

    public function DeleteBack() {


    }

    public function closeElement(event:MouseEvent) {

        dispatchEvent(new Event("closeWindow", true));
        trace("event dispatched.");

    }

}

}

ElementMenu.as:

//Element menu class.

package pc_mockup {

import flash.display.*;
import flash.events.*;
import flash.geom.*;
import caurina.transitions.Tweener;

public class ElementMenu extends flash.display.MovieClip {

    private var _elementmenuback:MovieClip;
    private var _deletebutton:MovieClip;

    public function ElementMenu() {

        _elementmenuback = new ElementMenuBack();
        _elementmenuback.x = 0;
        _elementmenuback.y = 0;
        _elementmenuback.width = 100;
        _elementmenuback.height = 5;
        _elementmenuback.alpha = .5;
        addChild(_elementmenuback);

        _deletebutton = new DeleteBack();
        _deletebutton.x = -5;
        _deletebutton.y = 10;
        _deletebutton.width = 10;
        _deletebutton.height = 10;
        _deletebutton.alpha = .2;
        _deletebutton.visible = false;
        addChild(_deletebutton);

        _deletebutton.addEventListener(MouseEvent.MOUSE_DOWN, closeElement);

    }

    public function expandMenu() {
        Tweener.addTween(_elementmenuback, {height:30, time:.2, transition:"easeOutBack"});
        _deletebutton.visible = true;
    }

    public function retractMenu() {
        Tweener.addTween(_elementmenuback, {height:5, time:.1, transition:"easeInBack"});
        _deletebutton.visible = false;
    }

    public function closeElement(event:MouseEvent) {
        //check that the user really wants to close the element before sending the destroy signal
        //perform any closing animations
        //this.parent.destroy();
        _deletebutton.closeElement(event);
    }


}

}

这就是有意义的类。其他任何东西要么是一个空类，只是为了帮助 ActionScript 访问库对象，要么是其他东西的简单扩展。

该代码将一个新元素放置到舞台上，为其提供一个很酷的小下拉菜单，使其可拖动，并在其上有一个删除按钮，并且应该将该按钮链接到关闭该元素的函数。

除了结束，我已经得到了一切。

也非常欢迎一般的代码批评。就像我说的，我没有接受过培训，我一直在自己解决这些问题，并且知道自己在做什么的人的任何反馈都是有价值的。

谢谢！

SS

PS。为了回应 Daniel 的评论，代码执行的步骤如下：

1. Background 类将所有内容放在舞台上并创建工具箱。
2. 工具箱创建工具，就像 Photoshop 的工具一样。您单击它们以选择要添加到舞台的元素，然后单击“板岩”内部以将该对象的新实例拖放到其顶部。后台创建实例并将其保存在运行时创建的所有实例的数组中。
3. 新元素创建自己的下拉菜单，这是元素的可拖动部分，并包含删除按钮。该菜单在删除按钮上放置了一个事件监听器。
4. 单击删除按钮时，其父类放置在其上的 eventListener 会调用删除按钮类本身内部的事件调度程序。
5. 这个分派的事件由后台类捕获（我认为删除该元素的最佳类与创建该元素的类是同一个类，对吧？）并触发实际的代码来删除该元素。
6. 这段代码“deleteElement”是我陷入困境的地方。我将所有实例都放在一个数组中，但是该事件已经经历了如此多的中间类（MouseEvent），因此，我怀疑 MouseEvent 目标已经半途而废了。因此，知道要删除哪个元素的唯一方法是找到其数组索引。我不知道这会如何运作。有什么想法吗？

Answer 1

让我们一次做一点...

slate.event.target.removeChild(_elementArray[0]); 在后台。

为什么你要使用 slate.event ？

您正在将一个 event 对象传递给该函数，但看起来您正在使用不同的事件目标，我不知道它来自哪里，也不知道为什么它没有给您错误。

它应该只是 event.target ，它应该为您提供 PageElement（以前称为 _newElement）

，我也不知道为什么您要从中删除一个子元素，即 _elementArra[0] -这确实是另一个 PageElement，如果您只有一个，则很可能是它本身。

所以在我看来，有很多事情应该引发错误。你用什么来编译你的代码？那么调试器呢？你在用吗？

如果你看一下你之前的问题，我在那里添加了一些关于如何获取父级的代码。所以我稍微调整了一下

function deleteElement($e:MouseEvent):void{
  var parentMC:MovieClip = $e.target.parent;
  parentMC.removechild($e.target);
}

，但问题是你没有传递 MouseEvent 而是传递一个空白事件

dispatchEvent(new Event("closeWindow", true)); 在DeleteBack.as中，

所以这不会超过目标的任何东西，你都无法得到它。 （目标是只读的，所以 new Event(etc) 总是有一个空目标。所以本质上这是一个失败的原因。

你可以在你的单例中设置一个 onject 并将 mc 传递给被删除，然后deleteElement只会抓取该对象另一个选择是查看signals class 可以让你做一些更好/更高效的事件处理。

最后（有点，还有更多，但现在）我想说考虑使用 CASAlib，特别是使用 CasaMovieClip 而不是 MovieClip用于扩展，因为它会更好地删除您的电影剪辑，如果您有很多事件侦听器并且您没有正确清除它们，那么即使您删除它们，它们最终也会保留在内存中

。 RobotLegs 也是一个好主意，它可以让您进入更好的实践。

GL

---

编辑...

框架/微架构：

http://www.robotlegs.org/

http://swizframework.org/

http://puremvc.org/

以及更多

我认为重要的是不要陷入框架（尽管我经常提到这个词）。最好的框架是最适合你的框架，对我来说，这意味着为应用程序提供良好的通信骨干并保持不受影响。

我编写代码的设置是这样的：

使用 Flex 编译器进行 FlashDevelop。 FlashDevelop 仅适用于 PC，因此如果您使用的是 Mac，您可能需要考虑其他选项，例如 Flex。 FlashDevelop 和 Flex 编译器（仅编译器）都是免费的，因此您不会出错，而且一旦您开始使用它，您就不会想再回到 Flash 中进行编码 - 保证！

调试：

跟踪是最简单的调试形式，但理解问题可能相当困难。

您可以通过按 Ctrl-Shift-Enter 来使用 flash 调试器来编译并运行。不过，您需要提前设置断点。

FlashDevelop 有一个调试器，其工作方式与 Flash 和 Flex 调试器类似，我经常使用它。

但我最喜欢的调试工具必须是 de monster debugger

它需要更多的时间来实现，并且您需要添加一些代码，但它发现了我无法仅使用默认调试器的问题。绝对值得一看。