ActionScript 3 - 向对象添加渐变

Question

我有一个名为“BlueBox”的MovieClip实例，它只是一个蓝色的“绘图对象”。这是一个名为“option1MC”，这是“内部option1Container”，这是在舞台上的容器内。它的颜色可以像这样被改变：

option1Container.addEventListener(MouseEvent.MOUSE_OVER, option1ContainerOver); 

var optionOver:ColorTransform = new ColorTransform(); 
optionOver.color = 0xC56516; 

function option1ContainerOver(evt:Event):void { 
    option1Container.option1MC.BlueBox.transform.colorTransform = optionOver; 
} 

我想改变颜色的渐变。这是我的尝试：

var mtr:Matrix = new Matrix(); 
mtr.createGradientBox(option1Container.option1MC.BlueBox.width, option1Container.option1MC.BlueBox.height, 0, 0, 0); 
mtr.graphics.beginGradientFill(GradientType.LINEAR, [0xFF0000, 0x0000FF], [1, 1], [0x00, 0xFF], mtr); 
mtr.graphics.drawRect(0,0,option1Container.option1MC.BlueBox.width, option1Container.option1MC.BlueBox.height); 

但是，现在当我运行FLA文件，这我给我一个错误说：

Access of possible undefined property graphics through a reference with static type flasg.geom:Matrix: 

，并参照线

mtr.graphics.beginGradientFill(GradientType.LINEAR, [0xFF0000, 0x0000FF], [1, 1], [0x00, 0xFF], mtr); 
mtr.graphics.drawRect(0,0,option1Container.option1MC.BlueBox.width, option1Container.option1MC.BlueBox.height); 

任何想法为什么？

Answer 1

A Matrix没有graphics属性。您需要将此应用于具有graphics属性的DisplayObject。这将是这个样子您的设置：

//create the sprite to do the gradient fill on or use your MovieClip 
//var spriteObject:Sprite = new Sprite() or just use option1Container; 

//enter your matrix 
var mtr:Matrix = new Matrix(); 
mtr.createGradientBox(option1Container.BlueBox.width, option1Container.BlueBox.height, 0, 0, 0); 

//apply it to the sprite 
sprite.graphics.beginGradientFill("linear", [0xFF0000, 0x0000FF], [1, 1], [0x00, 0xFF], mtr); 
sprite.graphics.drawRect(0, 0, 50, 40); 
sprite.graphics.endFill(); 
addChild(sprite); 

我创建了一个精灵变量在这里，这是没有必要的，因为你可以交换sprite与option1Container

您可以参考Adobe的这种帮助，以及： http://help.adobe.com/en_US/as3/dev/WS5b3ccc516d4fbf351e63e3d118a9b90204-7dd7.html

现在，如果您在IDE中绘制MovieClip图形，您目前无法对其进行更改。在这种情况下，你可以创建一个新的MovieClip并将其添加到您的集装箱像这样：

//note I made a target variable just to save on typing: 
var target:MovieClip = option1Container.option1MC.BlueBox; 
var gradientLayer:MovieClip = new MovieClip(); 

var gradientBox:Matrix = new Matrix(); 
gradientBox.createGradientBox(target.width, target.height, 0, 0, 0); 
gradientLayer.graphics.beginGradientFill("linear", [0xFF0000, 0x0000FF], [1, 1], [0x00, 0xFF], gradientBox); 
gradientLayer.graphics.drawRect(0, 0, target.width, target.height); 
gradientLayer.graphics.endFill(); 

//giving the asset a name will allow you to easily remove it later 
gradientLayer.name = "gradientLayer"; 

target.addChild(gradientLayer); 

通知我给梯度资产“gradientLayer”的名称。如果您想稍后移除此孩子，则可以这样做：

option1Container.option1MC.BlueBox.removeChild(option1Container.option1MC.BlueBox.getChildByName("gradientLayer"));