graphics - 如何在 Flex MXML 文件中画一个圆圈？

Question

在我的MXML文件，我有一个带有三个 vbox 的选项卡导航器。

<mx:TabNavigator width="624" height="100%">
        <mx:VBox label="Currents Quote" 
            width="100%">            
        </mx:VBox>
        <mx:VBox label="Quote Comparison" 
            width="100%">              
        </mx:VBox>
        <mx:VBox label="Reports" 
            width="100%">            
        </mx:VBox>      
</mx:TabNavigator>

在 VBox “Current Quote” 中，我想绘制一个圆圈。我怎样才能实现它？

Answer 1

没有定义 MXML 圆圈，所以您必须自己创建一个圆圈控件，然后您可以将它包含在您的 MXML 中。

package mypackage
{
    class MyCircle extends UIComponent
    {
        public var x:int;
        public var y:int;
        public var radius:int;

        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
        {
            graphics.drawCircle(x, y, radius);
        }
    }
}

然后在您的 MXML 中，如果您声明一个 namespace 以在包含控件的顶部引用它，则可以使用您的自定义控件...

<mx:VBox label="Currents Quote" width="100%">
    <mycontrols:MyCircle x="30" y="30" radius="30"/>
</mx:VBox>

上面的代码是在 StackOverflow 编辑器中输入的，所以请检查它是否有效!

网上有很多关于扩展 UIComponent 和 Sprite 的帮助。 Adobe 文档非常全面。

编辑:将您的控件作为命名空间包含在封闭控件或应用程序中

<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:mycontrols="mypackage.*" >
<mx:Script>

HTH