Hi,

You can use drawing API in flex also. Yes you can do this with Canvas
because it's only container that supports absolute layouting.

Following is simple example:

##DrawingOnCanvas.mxml##

<mx:Application width="800" height="600"
xmlns:mx="http://www.macromedia.com/2003/mxml";>
    <mx:Script>
        <![CDATA[
        
        var squareCount:Number = 0;

        function createSquare() 
        {
            var square_mc:MovieClip;
            
            ++squareCount;
            square_mc = cvs.createEmptyMovieClip("square_mc" + squareCount,
squareCount);
                        
            square_mc.lineStyle(1, 0x000000, 100);
            square_mc.beginFill(0xFF0000, 100);
            square_mc.moveTo(0, 0);
            square_mc.lineTo(50, 0);
            square_mc.lineTo(50, 50);
            square_mc.lineTo(0, 50);
            square_mc.lineTo(0, 0);
            square_mc.endFill();
            
            square_mc._x = Math.random()*200;
            square_mc._y = Math.random()*200;
            
            
                
        }

        ]]>
    </mx:Script>
    
   <mx:Canvas id="cvs" width="600" height="400"
borderStyle="solid"></mx:Canvas>
   <mx:Button label="Create Square" click="createSquare()"/>

</mx:Application>



Above code looks too low level, but in Flex you can create custom components
and wrap low-level details....Infact Flex provide better work-flow..


Hope that helps..

-abdul


-----Original Message-----
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Dennis Baldwin
Sent: Thursday, May 19, 2005 9:44 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Flash Drawing API in Flex

Hi,

I'm wondering if it's possible to utilize the Flash drawing API in Flex.
Our current Flash application has a tree with drag/drop functionality.
Items are dragged from the tree and then dropped onto a floor plan.  In
Flash we trigger an event that draws a box and other shapes on the canvas.
We dynamically create a movieclip and then draw in it:

this.createEmptyMovieClip("square_mc", 1);
square_mc.lineStyle(1, 0x000000, 100);
square_mc.beginFill(0xFF0000, 100);
square_mc.moveTo(0, 0);
square_mc.lineTo(50, 0);
square_mc.lineTo(50, 50);
square_mc.lineTo(0, 50);
square_mc.lineTo(0, 0);
square_mc.endFill();

How can this be implemented in Flex?  I know there are other approaches we
can take but I'm curious to know if there's support for more custom stuff,
ie dynamically creating movies and drawing in them.  I was assuming that I
could perform this type of interactivity with the Canvas container, but have
been unsuccessful.

Thanks,
Dennis




 
Yahoo! Groups Links



 




 
Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/flexcoders/

<*> To unsubscribe from this group, send an email to:
    [EMAIL PROTECTED]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/
 


Reply via email to