8

我见过的唯一一个用于 Flex 的 FXG 编辑器是由 7jigen 开发的，可以在线工作或作为 Flex 应用程序工作。

有人知道不同的吗？我认为它可以在 Illustrator 中完成，但这并没有真正提供简单的导出到 Flex 类型选项，只是提供坐标。

在此处输入图像描述

4

4 回答 4

15

据我所知，您最好的选择（如果您不想使用 Illustrator）是获取Inkscape并安装“另存为 FXG”插件。向JazzyNico 致敬，因为他编写了基本上是怪物SVG 到 FXG“XSL 变换”（即 XSLT）的东西。

如何安装：

  1. 安装Inkscape。
  2. 获取插件文件svg2fxg.inx和svg2fxg.xsl。

  3. 将这两个文件放到您的 Inkscape“扩展”文件夹中。

    • 在 GNU/Linux 中：$HOME/.config/inkscape/extensions
    • 在 Windows 中：C:\Documents and Settings\User\Application Data\Inkscape\extensions
    • 在 OSX 中：/Applications/Inkscape.app/Contents/Resources/extensions

  4. 重新启动 Inkscape，您将在“文件 > 另存为”对话框中找到一个新的 FXG 条目。

这个插件对我和我的工作来说都是一个福音，因为这些年来我对 Inkscape 已经很熟悉了。

不幸的是（这可能只是我的设置），我发现每当我保存为 FXG 时，几分钟后 Inkscape 就会崩溃（我真的应该发布一个错误报告）。万一您遇到同样的问题，请确保您转到“保存”首选项并打开自动备份。另外，请记住，SVG 中的某些结构在 FXG 中没有等效结构。不要问我它们是什么，我真的不记得了。

于 2011-04-05T16:09:38.947 回答
3

我已经使用这个过程生成了大量的 FXG 资产，这些资产已导入到我的 Flex 项目中。

1. 在 Flash CS5 中绘制形状
2. 将形状分开 (Ctrl+B)
3. 选择形状
4. 文件 -> 导出 -> 导出选择
5. 另存为 FXG

然后，您可以将它们直接导入 Flex，瞧！好走！

于 2011-04-06T06:09:52.397 回答
3

使用 Inkscape SVG 编辑器：由于 svg2fxg 插件，它允许您从0.49 版开始将 svg 转换为 fxg。

同时（版本 0.48）您可以按照 RIAGrande 的解释手动安装svg2fxg插件：

  1. 安装 Inkscape http://inkscape.org/download/

  2. 从这里（来自head存储库）获取 2 个 svg2fxg 插件文件：

    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. 并将它们复制到 Inkscape 扩展文件夹（Windows 7 上的 C:\Program Files (x86)\Inkscape\share\extensions）

您现在可以启动 Inkscape 并将获得一个新的“文件 -> 另存为 -> Flash XML 图形 (*.svg)”条目。

我成功地对其进行了测试并在 iPhone 上使用了 fxg 生成的资产：它工作正常 :-)

于 2011-11-08T15:22:18.183 回答
1

首先，RIAGrande 的回答是正确的。我跟着他的步骤，他们工作。以下是更多信息以供将来参考：

FXG 的 Inkscape 错误报告以及补丁下提供的下载可以在 https://bugs.launchpad.net/inkscape/+bug/625140找到。这些文件（未压缩时）应复制到 RIAGrande 提到的位置

我做了我的小图标，但是他导出的FXG文件没有缩进，所以用http://xmlindent.com/格式化文件，下载，在Flash Builder中复制到我的项目并重命名为.fxg文件。

要使用 FXG 文件，请执行以下操作：

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

对于后代，这里是图标和生成的 Inkscape FXG 代码：

在 Inkscape 中创建的图像

<?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>
于 2011-04-06T07:37:07.303 回答