FXG Editor for Flex

15

Por lo que yo sé la mejor opción (si no desea utilizar Illustrator) es para agarrar Inkscape e instalar el "como FXG salvar" plug-in. Felicitaciones a JazzyNico por escribir lo que es básicamente un monstruo SVG a FXG "XSL Transform" (es decir, XSLT).

Cómo instalar:

Instalar Inkscape.
Tome los archivos de plug-in svg2fxg.inx y svg2fxg.xsl.
Coloque ambos archivos en su carpeta "extensiones" de Inkscape.
- En GNU/Linux: $HOME/.config/inkscape/extensions
- En Windows: C:\Documents and Settings\User\Application Data\Inkscape\extensions
- En OSX: /Applications/Inkscape.app/Contents/Resources/extensions
Reiniciar Inkscape y encontrará una nueva entrada FXG en el "Archivo> Guardar Como "diálogo".

Este plugin ha sido una bendición para mí y para mi trabajo, ya que me he vuelto bastante cómodo con Inkscape a lo largo de los años.

Desafortunadamente (y esta puede ser solo mi configuración), he encontrado que cada vez que guardo como FXG, unos minutos después Inkscape se cuelga (realmente debería publicar un informe de error). En caso de que tenga el mismo problema, asegúrese de ir a las preferencias de "Guardar" y activar la copia de seguridad automática. Además, tenga en cuenta que ciertos constructos en SVG no tienen equivalente en FXG. No me pregunten qué son, sinceramente no puedo recordar.

Fuente

2011-04-05 16:09:38 RIAGrande

+0

interesante, echaré un vistazo a esto. thx –

+0

Oye gracias por esto. Corrí a través de los pasos, funcionó perfecto. Publique como respuesta (con un poco más de detalle) los pasos que tomé. Buen hombre – Ryan

+0

Muchas gracias, Brian. Me alegro de poder ayudar. – RIAGrande

3

He utilizado este proceso para generar una tonelada de activos FXG que he importado a mis proyectos Flex.

1. Dibuje la forma en Flash CS5
2. Pausa la forma aparte (Ctrl + B)
3. Seleccione la forma
4. Archivo -> Exportar -> Exportar selección
5. Guardar como FXG

A continuación, puede importarlos directamente en Flex y ¡listo! ¡Bueno para ir!

Fuente

2011-04-06 06:09:52 simpulton

1

En primer lugar, la respuesta de RIAGrande es correcta. Seguí sus pasos y funcionó.Aquí es un poco más de información para futuras referencias:

El informe de error Inkscape para FXG con las descargas disponibles bajo parches se puede encontrar en https://bugs.launchpad.net/inkscape/+bug/625140. Estos archivos (cuando no están comprimidos) deben copiarse a la ubicación mencionada por RIAGrande

Hice mi pequeño ícono, pero exportó el archivo FXG no estaba sangrado, así que usé http://xmlindent.com/ para fomentar el archivo, descargado, copiado a mi proyecto en Flash Generador y renombrado como .fxg file.

Para utilizar el archivo FXG, hizo lo siguiente:

<s:Group> 
    <local:fxgInkscapeIcon height="100" width="100" x="50" y="50"/> 
</s:Group>

Para la posteridad, aquí está el icono y código resultante Inkscape FXG:

Image created in Inkscape editor de

<?xml version="1.0" encoding="UTF-8"?> 
<Graphic xmlns="http://ns.adobe.com/fxg/2008" xmlns:fxg="http://ns.adobe.com/fxg/2008" xmlns:d="http://ns.adobe.com/fxg/2008/dt" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:svg="http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd" version="2.0" viewWidth="16" viewHeight="16"> 
    <mask> 
     <Group> 
      <Rect width="16" height="16"> 
       <fill> 
        <SolidColor color="#ffffff" alpha="1"/> 
       </fill> 
      </Rect> 
     </Group> 
    </mask> 
    <!--Unknown tag: defs--> 
    <!--Unknown tag: sodipodi:namedview--> 
    <!--Unknown tag: metadata--> 
    <Group id="layer1"> 
     <Group id="g3219"> 
      <Path data="m 3.4494939 4.7212002 2.7832822 -2.6455548 0 3.6343941 -2.7832822 1.0225951 z" winding="evenOdd" id="path3231"> 
       <fill> 
        <SolidColor color="#E9E9FF" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 2.4777228 4.4673265 0 2.1671775 0.9717711 0.098131 0 -2.0114344 z" winding="evenOdd" id="path3221"> 
       <fill> 
        <SolidColor color="#353564" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="M 2.4777228 4.4673265 4.7752476 1.1915748 6.2327761 2.0756454 3.4494939 4.7212002 z" winding="evenOdd" id="path3223"> 
       <fill> 
        <SolidColor color="#4D4D9F" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="M 2.4777228 6.634504 4.7752476 5.3683167 6.2327761 5.7100395 3.4494939 6.7326346 z" winding="evenOdd" id="path3229"> 
       <fill> 
        <SolidColor color="#AFAFDE" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 4.7752476 1.1915748 0 4.1767419 1.4575285 0.3417228 0 -3.6343941 z" winding="evenOdd" id="path3227"> 
       <fill> 
        <SolidColor color="#D7D7FF" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 2.4777228 4.4673265 2.2975248 -3.2757517 0 4.1767419 -2.2975248 1.2661873 z" winding="evenOdd" id="path3225"> 
       <fill> 
        <SolidColor color="#8686BF" alpha="1"/> 
       </fill> 
      </Path> 
     </Group> 
     <Group id="g3233"> 
      <Path data="M 2.7930693 12.065864 4.7752475 14.951316 6.232776 14.048691 3.8532769 11.73947 z" winding="evenOdd" id="path3243"> 
       <fill> 
        <SolidColor color="#AFAFDE" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 2.7930693 9.5192088 0 2.5466552 1.0602076 -0.326394 0 -2.3422182 z" winding="evenOdd" id="path3235"> 
       <fill> 
        <SolidColor color="#353564" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 3.8532769 9.3972518 2.3794991 0.8628392 0 3.7886 -2.3794991 -2.309221 z" winding="evenOdd" id="path3245"> 
       <fill> 
        <SolidColor color="#E9E9FF" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="M 2.7930693 9.5192088 4.7752475 10.597357 6.232776 10.260091 3.8532769 9.3972518 z" winding="evenOdd" id="path3237"> 
       <fill> 
        <SolidColor color="#4D4D9F" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 4.7752475 10.597357 0 4.353959 1.4575285 -0.902625 0 -3.7886 z" winding="evenOdd" id="path3241"> 
       <fill> 
        <SolidColor color="#D7D7FF" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 2.7930693 9.5192088 1.9821782 1.0781482 0 4.353959 -1.9821782 -2.885452 z" winding="evenOdd" id="path3239"> 
       <fill> 
        <SolidColor color="#8686BF" alpha="1"/> 
       </fill> 
      </Path> 
     </Group> 
     <Group id="g3247"> 
      <Path data="M 4.7301981 10.623124 8.739604 12.846535 10.29713 11.806839 6.1815487 10.285313 z" winding="evenOdd" id="path3257"> 
       <fill> 
        <SolidColor color="#800080" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 4.7301981 5.3683167 0 5.2548073 1.4513506 -0.337811 0 -4.5780822 z" winding="evenOdd" id="path3249"> 
       <fill> 
        <SolidColor color="#800080" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="M 6.1815487 5.7072308 10.29713 4.18074 l 0 7.626099 -4.1155813 -1.521526 z" winding="evenOdd" id="path3259"> 
       <fill> 
        <SolidColor color="#800080" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="M 4.7301981 5.3683167 8.739604 3.1376518 10.29713 4.18074 6.1815487 5.7072308 z" winding="evenOdd" id="path3251"> 
       <fill> 
        <SolidColor color="#800080" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 8.739604 3.1376518 0 9.7088832 1.557526 -1.039696 0 -7.626099 z" winding="evenOdd" id="path3255"> 
       <fill> 
        <SolidColor color="#800080" alpha="1"/> 
       </fill> 
      </Path> 
      <Path data="m 4.7301981 5.3683167 4.0094059 -2.2306649 0 9.7088832 -4.0094059 -2.223411 z" winding="evenOdd" id="path3253"> 
       <fill> 
        <SolidColor color="#800080" alpha="1"/> 
       </fill> 
      </Path> 
     </Group> 
     <Path data="M 6.7296153 11.713583 4.7609632 10.626386 4.7586994 8.0107245 4.7564356 5.3950627 4.88976 5.2964917 c 0.073328 -0.054214 0.1452487 -0.098571 0.1598229 -0.098571 0.021999 0 0.9221556 -0.4946803 1.1484369 -0.6311227 C 6.2351856 4.544388 6.5155757 4.3883429 6.8211089 4.2200312 7.1266421 4.0517194 7.4712708 3.8603428 7.5869505 3.7947497 7.8155129 3.6651495 8.0560806 3.5353764 8.3378713 3.3896691 8.4369802 3.3384223 8.5536701 3.2649336 8.5971821 3.226361 c 0.043512 -0.038573 0.089217 -0.060028 0.1015661 -0.047679 0...017293 2.1823735 0.010986 4.822276 l -0.011467 4.7998228 -1.968652 -1.087198 z" winding="nonZero" id="path3261"> 
      <fill> 
       <SolidColor color="#FF00FF" alpha="1"/> 
      </fill> 
     </Path> 
     <Path data="m 2.5039603 5.4963957 c 0 -0.6060218 0.015204 -1.1086152 0.033787 -1.1168743 0.052529 -0.023346 0.2815594 -0.3415436 0.2815594 -0.3911774 0 -0.024366 0.015204 -0.051058 0.033787 -0.059318 0.052529 -0.023346 0.2815594 -0.3415436 0.2815594 -0.3911774 0 -0.024366 0.015204 -0.051059 0.033787 -0.059318 C 3.2209698 3.455185 3.45 3.1369877 3.45 3.0873539 c 0 -0.024366 0.015204 -0.051058 0.033787 -0.059318 0.052529 -0.023346 0.2815594 -0.3415435 0.2815594 -0.3911773 0 -0.024366 0.01689 -0.051059 0.037534 -0.059318 0.020644 -0.00826 0.2131642 -0.26842 0.4278232 -0.5781353 0.214659 -0.3097154 0.4207638 -0.6027185 0.4580106 -0.6511181 0.060562 -0.078696 0.067721 0.1266999 0.067721 1.942875 0 1.5702733 -0.012771 2.0412475 -0.056312 2.0766116 C 4.6691522 5.3929299 4.2485024 5.6303359 3.7653465 5.8953434 3.2821906 6.1603507 2.800724 6.4269177 2.6954207 6.4877142 l -0.1914604 0.1105394 0 -1.1018579 z" winding="nonZero" id="path3263"> 
      <fill> 
       <SolidColor color="#00FF00" alpha="1"/> 
      </fill> 
     </Path> 
     <Path data="M 3.7705821 13.453243 2.8195554 12.06797 2.8194311 10.814691 2.8193069 9.5614117 3.1684406 9.7516131 c 0.1920235 0.1046107 0.5473426 0.2988019 0.789598 0.4315359 0.2422554 0.132735 0.4644582 0.246219 0.493784 0.252187 0.055299 0.01126 0.1254459 0.05844 0.2386022 0.160481 0.056179 0.05066 0.066011 0.371061 0.066011 2.151114 0 1.150371 -0.00784 2.091584 -0.017413 2.091584 -0.00958 0 -0.4453754 -0.623373 -0.9684401 -1.385272 z" winding="nonZero" id="path3265"> 
      <fill> 
       <SolidColor color="#FF0000" alpha="1"/> 
      </fill> 
     </Path> 
     <Path data="m 2.5251337 5.4884758 0.033034 -1.06093 0.1780729 -0.256768 C 2.8341803 4.0295554 2.9845892 3.8126485 3.0704822 3.6887623 3.1563752 3.5648762 3.2921089 3.3701098 3.3721127 3.2559482 3.4521166 3.1417866 3.6000512 2.9289277 3.7008563 2.7829284 3.8016614 2.6369291 4.0652011 2.2657195 4.2864999 1.958018 l 0.4023615 -0.5594572 0.022525 0.942378 c 0..5183079 0..4067712 0 1.9743628 L 4.6888614 5.3472865 3.6144 5.9483464 C 3.0234462 6.2789291 2.5291749 6.5494059 2.5160193 6.5494059 c -0.013156 0 -0.00905 -0.4774184 0.00911 -1.0609301 z" winding="nonZero" id="path3267"> 
      <fill> 
       <SolidColor color="#FF0000" alpha="1"/> 
      </fill> 
     </Path> 
    </Group> 
</Graphic>

Fuente

2011-04-06 07:37:07 Ryan

3

uso Inkscape SVG : le permitirá convertir svg a fxg comenzando por version 0.49 gracias al plugin svg2fxg.

Por el momento (versión 0.48) se puede instalar el plug-in svg2fxg manualmente como se explica por RIAGrande:

Instalar Inkscape http://inkscape.org/download/
Obtener el plug-in de 2 svg2fxg archivos de aquí (desde encabezado repositorio):

http://bazaar.launchpad.net/~inkscape.dev/inkscape/trunk/view/head:/share/extensions/svg2fxg.inx

http://bazaar.launchpad.net/~inkscape.dev/inkscape/trunk/view/head:/share/extensions/svg2fxg.xsl
y copiarlos en la carpeta de extensión de Inkscape (C: \ Archivos de programa (x86) \ Inkscape \ share \ extensiones en Windows 7)

Ahora puede comenzar Inkscape obtendrá una nueva entrada "Archivo -> Guardar como -> Flash XML graphics (* .svg)".

He probado con éxito y se utiliza activos generados en la fxg en el iPhone: funciona bien :-)

Fuente

2011-11-08 15:22:18 Pascal

+0

¿Es esto lo mismo que la respuesta por mi cuenta? O las actualizaciones de Inkscape lo hicieron más fácil – Ryan

+0

El punto de mi respuesta es que las extensiones svg deberían obtenerse del repositorio principal y no utilizando los enlaces de RIAGrande. Las versiones de cabeza parecen más estables (no hay accidentes para mí). Por lo demás, la respuesta es básicamente la misma. – Pascal

Respuesta

Cuestiones relacionadas