Flex中添加精灵到画布
问题描述:
按照要求,我给这个问题的更详细的说明...Flex中添加精灵到画布
首先,我有这样的MXML:
<mx:Panel x="270" y="10" width="690" height="680" id="mainContainerPanel">
<mx:Canvas x="270" y="10" width="670" height="640" id="canvas" initialize="onInit()">
<mx:Script>
protected function onInit():void
{
spiro = new Spirograph(canvas);
}
</mx:Script>
</mx:Canvas>
</mx:Panel>
这通过标记对象我的主要AS3类文件的构造函数。这工作得很好,其中在构造函数中我有:
function Spirograph(canvas:Canvas):void
{
mainContainer = canvas;
mainContainer.graphics.beginFill(0xFFFFFF);
mainContainer.graphics.drawRect(0, 0, 670, 640);
mainContainer.graphics.endFill();
}
目前,我正在使用被称为SpriteUIContainer一个包装类将所有Sprite对象的mainContainer上:
package includes
{
import flash.display.Sprite;
import mx.core.UIComponent;
public class SpriteUIContainer extends UIComponent
{
public function SpriteUIContainer(sprite:Sprite)
{
super();
this.explicitWidth = sprite.width;
this.explicitHeight = sprite.height;
this.x = sprite.x;
this.y = sprite.y;
addChild(sprite);
}
}
}
这是在使用采用以下方式:
private var circCentre:Sprite = new Sprite();
circCentre.x = mainContainer.width/2;
circCentre.y = mainContainer.height/2;
circCentre.graphics.lineStyle(3, 0xD0B917);
circCentre.graphics.beginFill(0xF2DF56, 0.2);
circCentre.graphics.drawCircle(20, 20, 50);
circCentre.graphics.endFill();
mainContainer.addChildAt(new SpriteUIContainer(circCentre), 1);
circCentre Sprite从不出现在屏幕上,我不明白我如何才能让它出现。
任何帮助非常感谢!
答
“附加”是否意味着您正在使用addChild方法向UIComponent添加新的精灵?
如果是这样;您必须添加代码来确定新的“精灵”的大小并将其放置在容器中的其他对象的相对位置。你的例子中没有这样的代码。我建议在updateDisplayList()中实现此代码。
有关updateDisplayList()的更多信息,请参阅Flex Component Lifecycle文档。
如果您需要更多帮助,您必须展开如何向UIComponent实例添加新的精灵;并且可能会显示一个您添加多个的示例。
嘿,我现在已经重写了这个问题,我希望它有帮助,因为我现在对Flex感到困惑。真的很欣赏一些指针。 – Alex 2011-05-01 00:10:44
我已经放弃了Flex,回到我所了解和喜欢的状态:Flash – Alex 2011-05-01 20:22:20
@AlexW我很抱歉听到这个消息。我不知道你的技能/知识在哪里;但是,Flex绝对是针对与Flash Pro不同的市场。 Flex有很多移动部件;所以如果你不熟悉Java,.NET或者其他一些编程语言(以及相关的概念),那么学习曲线就会变得很难。 – JeffryHouser 2011-05-02 02:30:37