使用 SVG 图形:快速参考

本主题介绍了在可视 Mobile 设计器中,为 Java ME MIDP 应用程序添加和处理可缩放矢量图形 ( ) 文件时可以执行的常见任务。有关更多的详细信息,请单击右列中的链接。

要执行此任务 请按照下列步骤执行操作
将 SVG 文件添加到项目中
  • 将要使用的文件置于项目的 <project_home>/src 目录中。
  • 在项目的属性对话框中,将包含 SVG 文件的文件夹添加到“生成”>“库和资源”类别中。
  • 在项目的属性对话框中,将包含 SVG 文件的压缩归档文件添加到“生成”>“库和资源”类别中。
查看 SVG 图形
  • 在“项目”>“文件”>“收藏夹”窗口中,双击文件名。
创建新的空 SVG 文件
  1. 选择“文件”>“新建文件”(Ctrl+N)。
  2. 在“类别”下,选择“其他”。
  3. 在“文件类型”下,选择“SVG 文件”。将创建空的 SVG Tiny 1.1 文件。
查看并编辑 SVG 图形的源代码
  • 单击 SVG 查看器顶部的“源”按钮。
    源代码将显示在 IDE 的 XML 编辑器中。
在图形的源代码中插入各种形状。
  • 将右侧组件面板中的基本形状拖放至源代码中。
    随后可在“视图”中处理该图形。
放大视图
  • 从 SVG 工具栏上的下拉菜单中选择一个缩放百分比。
    • 单击放大镜图标可按 10% 的比例进行缩放。
    • 单击缩放百分比左侧的框可按屏幕大小缩放图像。
过滤“导航”视图
  • 在“导航”中右键单击某个 SVG 图形 ID,然后选择以下任一或所有三个过滤器:
    • 显示属性
    • 仅显示具有定义 ID 的元素
    • 仅显示动画元素
运行动画
  1. 在“项目”窗口中,双击 SVG 文件的名称。
  2. 右键单击动画,然后选择“启动动画”。

您还可以使用 SVG 查看器底部的水平滚动条来选择动画的时间段。

将 SVG 图形添加到应用程序流中
  1. 将组件面板中的 SVGMenu、SVGSplashScreen 或 SVGWaitScreen 组件拖至流设计器中。
  2. 将“项目”窗口中的 SVG 图形拖放至该组件上。

或者,可以双击该组件以便在屏幕设计器中将其打开,然后将 SVG 文件拖放到打开的屏幕中。

执行上述任何一个步骤,都可以将 SVGImage 添加到“检查器”窗口的“资源”文件夹中。

将外部 SVG 编辑器/编制工具添加到 IDE 中。
  1. 选择“工具”>“选项”。
  2. 选择“其他”>“SVG 设置”。
  3. 单击“更改”按钮,然后将编辑器的路径添加到 IDE 中。

注意:以下编辑器经测试可以与 NetBeans Mobility Pack 一起使用:

  • Adobe Illustrator CS2
  • Beatware Mobile Designer
  • Ikivo Animator
  • Inkscape
将 SVG 图像或动画转换为 PNG 图像
  1. 在“项目”窗口中右键单击图像节点,然后选择“将 SVG 导出到 PNG 图像”或“将 SVG 动画导出到 PNG 动画”。
  2. 将打开一个对话框,您可以在该对话框中设置图像大小,并且可以选择将图像导出到项目的活动配置或所有配置。

    如果选择将图像或动画导出到所有配置,则 IDE 会自动根据每个配置的屏幕大小创建光栅图像。例如,如果有三种配置,并且每种配置的屏幕大小各不相同,则导出功能会自动创建三个 PNG 图像或动画,它们的大小将与三种屏幕大小对应。

锁定 SVG 图像的内容或对其解锁 单击工具栏中的锁状图标 ()。

法律声明