logo标签列表

FXG编辑器用于Flex

apache-flexflex4fxg
8

我所见过的Flex的唯一FXG编辑器是由7jigen制作的，可以在线使用或作为Flex应用程序使用。

有人知道其他的吗？我认为可以在Illustrator中完成，但那并没有提供简单的导出到Flex类型选项，只给出了坐标。

enter image description here

@approxiblue 为什么要浪费时间编辑一个已经回答过的四年前的问题？你的编辑并没有为它增添任何内容。 - Drenai
我删除了新标签请求，因为有人在问题中添加了[fxg]，并修复了一些小问题（"doesnt" > "doesn't"）。 - approxiblue
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。

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

尝试导入Inkscape生成的FXG时，Flash CS 5.5会崩溃。 - Vitaly
3

我使用这个过程生成了大量的FXG资源，然后将它们导入到我的Flex项目中。

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

然后你可以直接将它们导入到Flex项目中，完成！

3
使用Inkscape SVG编辑器：从版本0.49开始，它将允许您使用svg2fxg插件将svg转换为fxg。在此期间（版本0.48），您可以按照RIAGrande的说明手动安装svg2fxg插件。请保留HTML标签。

  1. 安装Inkscapehttp://inkscape.org/download/

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

    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资源：它运行良好 :-)

这与我自己的答案相同吗？还是inkscape的更新使它更容易了？ - Drenai
我的回答要点是应该从主仓库获取svg扩展，而不是使用RIAGrande的链接。主版本似乎更稳定（我没有崩溃）。至于其余部分，答案基本相同。 - Pascal
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代码：

Image created in 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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接