Dev Faq
8
votes

Editeur FXG pour Flex

Le seul éditeur FXG que j'ai vu pour Flex est Par 7jigen, travaille en ligne ou comme une application flexible .

Est-ce que quelqu'un connaît-il d'un autre? Cela peut être fait dans Illustrator Je pense, mais cela n'offre pas vraiment une option d'exportation simple à l'exportation à Flex, donne simplement des coordonnées.

Entrez la description de l'image ici

2 commentaires

@approxiblue Pourquoi gaspillez-vous votre temps à éditer une question de 4 ans qui a déjà été répondu? Vos modifications n'en ajoutent rien

J'ai supprimé la nouvelle demande de balise, car une personne a ajouté [FXG] à la question et corrigé des éléments mineurs ("ne" pas ">" pas ").

4 Réponses :

15
votes

Autant que je sache votre meilleur pari (si vous ne voulez pas utiliser Illustrator), c'est grab Inkscape et installer le plug-in «Enregistrer sous FXG». Chapeaux à Jazzynico pour écrire ce qui est fondamentalement un monstre SVG à FXG "Transform" XSL " (c.-à-d. XSLT).

Comment installer:

  1. Installez Inkscape .
  2. attrape les fichiers plug-in svg2fxg.inx et svg2fxg.xsl .

  3. dépose les deux fichiers dans votre dossier "extensions" inkscape.

    • dans gnu / linux: $ home / .config / inkscape / extensions
    • dans Windows: C: \ Documents et paramètres \ User \ Data de l'application \ Inkscape \ Extensions
    • in OSX: /applications/inkscape.app/contents/resources/extensions

    • Redémarrez dans l'encart et vous trouverez une nouvelle entrée FXG dans la boîte de dialogue "Fichier> Enregistrer sous"

      Ce plugin a été une aubaine pour moi et mon travail, car je suis devenu assez à l'aise avec l'inkscape au fil des ans.

      malheureusement (et cela peut simplement être ma configuration), j'ai constaté que chaque fois que je sauvegarder comme FXG, quelques minutes plus tard, l'inkscape se bloque (je devrais vraiment poster un rapport de bogue). Juste au cas où vous auriez le même problème, assurez-vous d'accéder aux préférences "Enregistrer" et activez la sauvegarde automatique. N'oubliez pas non plus que certaines constructions de SVG n'ont pas d'équivalent dans FXG. Ne me demandez pas ce qu'ils sont, je ne me souviens honnêtement.

3 commentaires

Hey merci pour cela. J'ai couru à travers les étapes, travaillés parfaitement. Publié comme une réponse (dans un peu plus de détails) Les étapes que j'ai prises. Homme bon

Merci beaucoup, Brian. Je suis heureux d'avoir pu aider.

Flash CS 5.5 s'écrase lorsque vous essayez d'importer du FXG généré par l'encart

3
votes

J'ai utilisé ce processus pour générer une tonne d'actifs FXG que j'ai importés dans mes projets Flex.

1. Dessinez la forme en Flash CS5
2. Épargnez la forme (CTRL + B)
3. Sélectionnez la forme
4. Fichier -> Exporter -> Sélection d'exportation
5. Enregistrer sous forme fxg

Vous pouvez alors les importer directement dans Flex et Voila! Bon d'aller!

0 commentaires
1
votes

Premièrement, la réponse de Riagrande est correcte. J'ai suivi ses pas et j'ai travaillé. Voici un peu plus d'informations pour référence future: strong>

Le rapport de bogue Inkscape pour FXG avec téléchargements disponibles sous patchs peut être trouvé à https://bugs.Launchpad.net/inkscape/+bug/625140 . Ces fichiers (lorsqu'ils sont non compressés) doivent être copiés à l'emplacement mentionné par Riagrande P>

J'ai fait ma petite icône, mais il a exporté le fichier FXG n'était pas indenté, il est donc utilisé http://xmlindent.com/ Pour fomatez le fichier, téléchargé, copié sur mon projet dans Flash Builder et renommé sous fichier .fxg strong>. P>

Pour utiliser le fichier FXG, avez-vous suivant: P> 

<?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.012349 0.012349 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.012389 0.5183079 0.012389 1.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>

0 commentaires
3
votes

Utiliser l'éditeur Inkscape SVG: il vous permet de convertir SVG en FXG en commençant par version 0.49 grâce au plug-in SVG2FXG.

Dans la période moyenne (version 0.48), vous pouvez installer le plug-in svg2fxg manuellement comme expliqué par RIAGRANDE :

  1. Installer Inkscape http://inkscape.org/download/

  2. Obtenez les 2 fichiers de plug-in SVG2FXG d'ici (de Head référentiel):

    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

  3. et copiez-les dans le dossier d'extension de l'encre (C: \ Program Files (x86) \ Inkscape \ Share \ Extensions sous Windows 7)

    Vous pouvez maintenant démarrer l'inkscape et obtenir un nouveau "fichier -> enregistrer sous -> flash xml graphiques (* .svg)" entrée.

    J'ai testé avec succès et utilisé les actifs générés par FXG sur iPhone: ça marche bien: -)

2 commentaires

Est-ce la même chose que la réponse par moi-même? Ou les mises à jour par inkscape sont-elles facilitées

Le point de ma réponse est que les extensions SVG devraient être issues du référentiel de chef et n'utilisant pas les liens de Riagrande. Les versions de la tête semble plus d'écuries (aucun crash pour moi). Pour le reste, la réponse est fondamentalement la même.

Articles qui pourrait vous intéresser :

Migration de l'interface utilisateur basée sur Adobe Flex vers des frameworks plus récents
FLEUREREFEREFERFERFERATION DE FLEX () ne peut être appelé que dans un gestionnaire d'événements utilisateur - Comment puis-je contourner cela?
GetElementyid équivalent dans ActionScript?
Alternative à Flex Cadre