On Wed, Oct 15, 2014 at 7:53 AM, Alex Harui <aha...@adobe.com> wrote:
> Did you try it? It should have at least compiled. What error did you get? > > In FlexJS, MXML is not converted to code, but the net result should be > equivalent to: > > var comp:Object = new Rect(); > this[“myRect”] = comp; > comp.width = 300; > comp.height = 300; > comp.x = 10; > comp.y = 10; > var comp2:Object = new SolidColor(); > comp2.color = ‘#ff0000’; > comp.fill = comp2; > someParent.addElement(comp); > > Note that: > 1) I’m not sure “#ff0000” will be converted to 0xFF0000. It might, but if > not, you can ask the ValuesManager to convert it, which would someday > allow you to handle “red”, “green”, etc. > 2) The color is applied to SolidColor before it is assigned as the fill. > 3) There is probably no way to get the compiler to generate the call to > drawRect. Based on what interfaces you implement, you could get notified > during the addElement call or you could get a setDocument call and draw > then. You could also require that these elements get wrapped by some > other class that is a IUIBase and sort of like Canvas, then the Rect and > other tags become a data structure assigned to a default property in that > “Canvas”. Then when the Canvas is added or resized it would draw based on > its data. > > Thanks for the explanation! I am able to make it work now. I am now overriding GraphicShape's addedToParent() method to call a draw() function. Each sublass (Rect, Ellipse, etc.) overrides the draw() method to call their respective drawing apis. On the JS side, I now have GraphicShape extend UIBase as well. I added the same exact code path as in the AS version. We now have FXG like drawing on both Flash and HTML5/SVG with close to 100% fidelity :-) Thanks, Om > -Alex > > On 10/15/14, 1:05 AM, "OmPrakash Muppirala" <bigosma...@gmail.com> wrote: > > >I am quite satisfied with the way the drawing APIs are shaping up. Before > >I continue adding more APIs, I would like to make them work from MXML so > >that I can start importing some real graphics (exported from Adobe > >Illustrator) and see it render in Flash and HTML5. > > > >Here is a basic requirement: > > > >When I write: > > > > <svg:Rect id="myRect" width="300" height="300" x="10" y="10"> > > <svg:fill> > > <basic:SolidColor color="#FF0000" /> > > </svg:fill> > > </svg:Rect> > > > >It must get converted into this code: > > > >var myRect:Rect = new Rect(); > >myRect.fill = new SolidColor(); > >myRect.fill.color = 0xFF0000; > >myRect.drawRect(10,10,300,300); > > > >How would I go about doing this? > > > >I am guessing I need to make changes to my API to make it work from MXML, > >obviously which I am willing to do. > > > >Thanks, > >Om > >
