How to Draw a circle displaying a number in flex .

Question

Hi , I am flex newbie , so please forgive me if i am not using the right words to ask the following question. I want to know if there is a way to draw a circle which shows a number , like for ex. Graduated Circles representing its radius to show it's relevance. Is there a component which already do so , if not what is the best way to do this.

thanks.

Answer 1

Flare has a component which is similar to the concentric circle example in the link you have posted. See Layouts > CirclePack in the demo.

I am not yet sure what you mean by 'associating a number'. Try this: Rendering text on a path.

Answer 2

• Actionscript Drawing API - example here
• Degrafa - Graphics framework which makes the Drawing API easier to use and includes a circle class

Answer 3

Here's a quick example on how you could do it (to be continued to achieve your particular needs)

package  
{
    import flash.text.TextFormatAlign; 
    import flash.text.TextField; 
    import flash.display.Sprite;
    import flash.text.TextFormat; 

    public class LabeledCircle extends Sprite 
    {
     private var textField:TextField;

     public function LabeledCircle(radius:Number, label:String = "")
     {
      // Prepares the textField

      var textFormat:TextFormat = new TextFormat();
      textFormat.align = TextFormatAlign.CENTER;

      textField = new TextField();
      textField.defaultTextFormat = textFormat;

      addChild(textField);

      // Sets the default parameters

      this.radius = radius;
      this.label = label;
     }


     public function set radius(radius:Number):void
     {
      // redraws the circle
      graphics.clear();
      graphics.beginFill(0x000000, .5);
      graphics.drawCircle(0, 0, radius);

      // recenters the textfield depending on the radius
      textField.width = radius * 2;
      textField.x = -radius;
     }


     public function set label(label:String):void
     {
      textField.text = label;
     }
    }
}

Answer 4

how can I give inputs to the radius and label, it is not prompting anywhere....

please help me... i need this.