actionscript-3 - 单击按钮时如何更改 Sprite 颜色 AS3

Question

我有一个 Sprite (圆圈)，我用 actionscript 做的。
这是伪代码:

    var board:Sprite = new Sprite();
    var spDot:Sprite = new Sprite()
    spDot.graphics.lineStyle(1,0x0000CC);   
    spDot.graphics.beginFill(0xFFFFFF); //white;
    spDot.graphics.drawCircle(0,0,dZ);  
    spDot.graphics.endFill();
    spDot.name="v";
    board.addChild(spDot);

我有一个按钮“btnA”可以将当前的 Sprite 颜色(白色)更改为黑色。

btnA.addEventListener(MouseEvent.CLICK, changeColor);
function changeColor(evt:MouseEvent){
     (board.getChildByName("v") as Sprite).graphics.beginFill(0x000000);
}

但是，我的问题，它在这部分返回了错误: (board.getChildByName("v") as Sprite).graphics.beginFill(0x000000);
其实我只是猜想用 (board.getChildByName("v") as Sprite).graphics.beginFill(0x000000);改变颜色。
你有什么想法吗？谢谢!

Answer 1

这种最简单的方法是清除图形数据并重新绘制到图形对象中。

function drawCircle(sprite:Sprite, radius:Number = 40, fillColor:int = 0):Sprite
{
  if (!sprite) return null;

  const g:Graphics = sprite.graphics;

  g.clear();
  g.lineStyle(1, 0x0000CC);   
  g.beginFill(fillColor);
  g.drawCircle(0, 0, radius);
  g.endFill();

  return sprite;
}

此外，我强烈建议您在需要特定类型时不要使用隐式调用:

function changeColor(evt:MouseEvent)
{
  // hides the fact, that you're having an instance of am unexpected type
  (board.getChildByName("v") as Sprite).graphics.beginFill(0x000000);
}

尽管您有一个有效的引用，但仍会导致 1009/null 指针。

function changeColor(evt:MouseEvent)
{
  // fails fast - for example when you change from sprite to bitmap.
  Sprite(board.getChildByName("v")).graphics.beginFill(0x000000);
}

在这种情况下，快速失败是合适的施法方式。