Problem with inline FXG in Flash Builder

Question

Hello,
True newbie to Flex and Flash Builder.
I am trying to use FXG code out of Illustrator CS4 and PASTE in in a skin.mxml file.
I thought that Flash Builder would automatically convert the <Graphic> tag to a Spark <s:Graphic> tag after I pasted in the SHOW CODE segment from Illustrator Save function.
The same for all the other tags.
It does not. Flash Builder just gives me an error when I save the Skin.mxml file.
I don't want to just import the .FXG file as a component because it contains text in the layout I want to dynamically change in an <s:List.>
Sample code:
<s:Skin
    xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/halo"
    xmlns:ai="http://ns.adobe.com/ai/2008"
    xmlns:d="http://ns.adobe.com/fxg/2008/dt"
    xmlns:graphics="assets.graphics.*">
    <fx:Metadata>[HostComponent("spark.components.List")]</fx:Metadata>
    <s:states>
        <s:State name="normal"/>
        <s:State name="disabled"/>
    </s:states>
    <s:Rect
        height="457"
        ai:objID="4ee65600"
        d:userLabel="pageContentArea"
        width="921"
        x="0.5"
        y="1.5">
        <s:stroke>
            <s:SolidColorStroke caps="none" color="0x002581" joints="miter" miterLimit="4" scaleMode="normal" weight="1" color.normal="#3993d2"/>
        </s:stroke>
    </s:Rect>
    <Graphic version="1.0" viewHeight="2000" viewWidth="2000" ai:appVersion="14.0.0.367" d:id="1" >
            <Library>
                <Definition name="sym3d_Pyramid_Rainbow" d:userLabel="3d Pyramid Rainbow">
                    <Group>
                        <Group x="-7.52246" y="-24.9131">
                            <Group ai:knockout="0">
                                <Path winding="nonZero" ai:knockout="0" data="M0.358887 9.48828L7.5249 12.5605 7.521 0.279297 0.358887 9.48828Z" >
                                    <fill>
                                        <LinearGradient x="2.04785" y="11.2568" scaleX="11.5761" rotation="-45">
                                            <GradientEntry color="#ed2324" ratio="0"/>
                                            <GradientEntry color="#ed2224" ratio="0.617977"/>
                                            <GradientEntry color="#ed2324" ratio="0.629213"/>
                                            <GradientEntry color="#ed2024" ratio="0.983146"/>
                                        </LinearGradient>
How do get this to work? What am I doing wrong?
Thanks,
bernie393

Answer 1

Hey Peter, Again I REALLY appreciate your help....
So, Are you saying if follow the below process steps it will work?
1. Copy of code from AI Save as FXG dialog box using the Show Code button.
2. Open the Skin or ItemRenderer in Flash Builder Beta 2. (which one should I use to be able to BIND data, skin or itemrenderer)
3. Paste the code in AT THE BOTTOM (after the Skin or ItemRenderer) (tags will still be in <Graphic> format NOT <s:Graphic> format)
4. Move the Library tags to the top of pasted code.
5. Save the file in Flash Builder that it will convert the tags to (s:xxxxxxx) type tags>
IF this is wrong, please explain..I apologize, trying to pick this up as fast as I can...Solving this problem would allow me to move very quickly in creating the pages I have to.
Not knowing Flex 4 well enough, it would take considerably more time if I had to save each individual OBJECT from AI and export as png or jpg or gif.
I also would have to recreate the layout from scratch which would also be difficult at my current knowledge level.....
Also, a learning point for me: In Flex 4 when I do this in Flash Catalyst (I have over 30 pages to build and probably 45 states and when work in Flash Catalyst it will crash if I move to many times in and out of editting components so I have to save often so I cannot do the whole in Catalyst and I need a repeatable process to get all  the different page graphics out of AI and into Flash Builder), Catalyst creates a List component in the main MXML file, a skin.mxml file, and a item renderer.mxml file. I am use to coding in Smalltalk, Javascript, and Java. What parts are considered the Model, View, and Controller in a MVC architecture?
Thank you again Peter......
Bernie393