5 Replies Latest reply on Apr 24, 2010 3:31 AM by David_F57

    Where to build data for path class?

    Luis Pedro Ferreira

      Hi all!

       

      I eas diving into the skinning some flex components and i founf that the small triangle on the combobox is made by a classe called Path with a bounch of numbers indicating theproperty Data.

       

      Now, where can i make my own data?? I know that's SVG image format but on all design software that i have (Corel Draw X5 and AI CS4) every time i export or save as SVG file, with the code that is fenerated, there's no Data, Path, or anything similar.

       

      An example:

      <?xml version="1.0" encoding="utf-8"?>
      <!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In  -->
      <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
       <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
      ]>
      <svg version="1.1"
        xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
        x="0px" y="0px" width="612px" height="792px" viewBox="-145.534 -131.595 612 792"
        enable-background="new -145.534 -131.595 612 792" xml:space="preserve">
      <defs>
      </defs>
      <g id="XMLID_2_">
       <g>
        <polygon fill="#FFFFFF" points="185.136,215.825 144.575,259.965 157.945,318.405 103.425,293.476 51.985,324.245 58.855,264.695 
         13.686,225.275 72.445,213.405 95.975,158.275 125.425,210.485   "/>
       </g>
       <g>
        <polygon fill="none" stroke="#000000" points="157.945,318.405 103.425,293.476 51.985,324.245 58.855,264.695 13.686,225.275 
         72.445,213.405 95.975,158.275 125.425,210.485 185.136,215.825 144.575,259.965   "/>
       </g>
      </g>
      <line fill="none" stroke="#000000" x1="0.466" y1="76.405" x2="105.466" y2="0.405"/>
      <line fill="none" stroke="#000000" x1="105.466" y1="0.405" x2="203.466" y2="128.405"/>
      <line fill="none" stroke="#000000" x1="203.466" y1="128.405" x2="23.466" y2="135.405"/>
      <line fill="none" stroke="#000000" x1="23.466" y1="135.405" x2="0.466" y2="76.405"/>
      </svg>
      


      So, which one of you is going to explain to me how to generate my own simbol for my custom combobox this way?

      Onde i saw a video talking about this but now that i need it i can't remember when...dam!!!

       

      Hope you can help me!

      LP