Flex：鼠标悬停时突出显示元素

Posted 2021-05-06

我有一块画布上有几个小画布。

像这样：

public class Board extends Canvas
{
    public function Board()
    {
        //cellWidth = this.width/boardSize;
        //this.drawMech();
        addEventListener(FlexEvent.CREATION_COMPLETE, creationComplete);
        super();
    }

然后我使用this.addChild（球）将球添加到棋盘上;

和球

public class Ball extends Canvas
{       
    public function Ball()
    {
        addEventListener(FlexEvent.CREATION_COMPLETE, creationComplete);
        super();
    }

    public function creationComplete(event:Event):void
    {
        trace("created stones");
        //Alert.show("Creation complete ever called");
        addEventListener(MouseEvent.MOUSE_OVER, mouseOver);
        //addEventListener(MouseEvent.MOUSE_OUT, mouseOut);
    }

我想要实现的是：

我希望我添加到帆布板上的球在鼠标上突出显示（例如改变它的颜色），并且在鼠标离开球后变得不亮。

我做了什么来实现它。我向球类添加了2个事件监听器，以便监听鼠标悬停和鼠标移出事件......但由于某种原因，它们没有被调用。

答案

你的班级名字是Ball，构造函数的名字是Stone。线addEventListener(FlexEvent.CREATION_COMPLETE, creationComplete);永远不会被调用。将构造函数名称更改为Ball。