Flex: выделение элемента при наведении мыши

Question

У меня есть холст с несколькими небольшими холстами.

Как это:

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

затем я добавил шары на доску, используя this.addChild (ball);

и мяч

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, чтобы прослушивать события mouse over и mouse out ... Но по какой-то причине они не были вызваны.

Answer 1

Имя вашего класса Ball и имя конструктора Stone. Линия addEventListener(FlexEvent.CREATION_COMPLETE, creationComplete); никогда не будет вызвана. Измените имя конструктора на Ball.