Как нарисовать концентрические круги во Flex?

Question

Мне нужно рисовать концентрические круги в моем приложении Flex.Я пытаюсь сделать это с помощью графического утилиты.Проблема, с которой они сталкиваются, - центрирование двух кругов.У кого-нибудь есть предложение или вы знаете, как это сделать?Пожалуйста, помогите.

Спасибо

Анжи

Answer 1

Используйте метод Graphics.drawCircle() ( документация ), где вы должны проходить одни и те же центральные точки (два начальных параметра).

Чтобы залить круги разными цветами, используйте следующий код:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Script>
    <![CDATA[
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
        {
            super.updateDisplayList(unscaledWidth,unscaledHeight);

            var centerX:Number = unscaledWidth / 2;
            var centerY:Number = unscaledHeight / 2;

            var g:Graphics = circleHolder.graphics;
            g.clear();
            g.beginFill(0xFF00FF);
            g.drawCircle(centerX, centerY, 300);
            g.endFill();
            g.beginFill(0x0000FF);
            g.drawCircle(centerX, centerY, 200);
            g.endFill();
            g.beginFill(0x000000);
            g.drawCircle(centerX, centerY, 100);
            g.endFill();
        }
    ]]>
    </fx:Script>
    <mx:UIComponent left="0" right="0" top="0" bottom="0" id="circleHolder" />
</s:Application>