WireframeSketcher for Mac使用指南

想拥有一款专业的模型线框图制作软件吗？WireframeSketcher for Mac特别版能够为用户创建线框图，界面模型和UI原型等功能，支持将制作好的界面通过XML文件存储为本地。帮助设计人员，开发人员和产品经理快速为桌面，Web和移动应用程序创建线框，模型和原型。本站为大家带来WireframeSketcher for Mac特别版，下载安装即可使用！

WireframeSketcher具有灵活的用户界面，包括所有协同工作的编辑器和视图。这些用户界面部件可以通过各种方式方便地布置，以最好地满足您的喜好。WireframeSketcher附带一个名为Wireframing透视图的初始排列。

如果您使用的是独立版本的WireframeSketcher，则默认情况下会为您打开Wireframing透视图。如果您使用的是Eclipse的IDE然后打开线框用透视窗口>打开透视图>其他...>线框图。

以下屏幕截图显示了WireframeSketcher使用的所有重要视图：

要更改此布置，您可以拖放视图，最大化和最小化它们，使视图浮动或完全关闭。您始终可以使用“ 窗口”>“显示视图”菜单恢复任 您还可以使用Windows> Reset Perspective ...将布局恢复为其初始视图配置。您还可以使用“ 窗口”>“将透视图另存为...”保存各种布局配置，然后在这些布局之间切换以更好地适应当前任务。

屏幕编辑器

屏幕编辑器用于创建或修改包含线框的屏幕。编辑器与Palette，properties，Links和Outline等其他视图一起使用。双击编辑器选项卡以使其最大化并暂时获得更多屏幕空间。再次双击选项卡以恢复编辑器的位置。

故事板编辑器

故事板编辑器是您创建或修改故事板的地方。有两种编辑模式可以在底部使用选项卡之间切换。故事板选项卡显示故事的线性视图。ScreenFlow标签可以让你直观的流程图挂在故事的画面。

project Explorer

您可以在project Explorer视图中浏览和组织项目的内容。屏幕（.screen）和故事板（.story）文件在此视图中具有独特的图标。双击该文件以使用“ 屏幕编辑器”或“ 故事板编辑器”将其打开。

将project Explorer中的屏幕和图像文件直接拖放到屏幕编辑器或Storyboard Editor中。将屏幕文件拖放到屏幕编辑器中会自动将它们包含在组件中。拖放还可用于快速创建屏幕链接。在使用拖放之前，请确保转到project Explorer视图并取消选中Link with Editor选项（与编辑联系）。

将project Explorer中的屏幕和图像文件复制并粘贴到屏幕编辑器中，将它们作为组件或图像包含在内。屏幕也可以通过这种方式添加到Storyboard Editor。

project Explorer视图允许您重命名和移动文件。利用此功能，不要害怕重新组织项目 - 所有跨文件链接将自动更新。

在这里，您还可以配置在使用组件时有用的项目引用。右键单击项目，然后选择“ 属性”>“项目引用”。

您可以控制project Explorer如何响应单击和双击。默认情况下，双击打开文件。您可以通过转到窗口>首选项>常规来更改此设置，您可以在其中找到打开模式 首选项。

可以在工作集中组织项目。通过工作集，您只能看到项目的一部分，并且在处理许多项目时它们很有用。您可以创建不同的工作集，然后选择要显示的工作集。使用视图工具栏中的下拉菜单选择和配置工作集。

调色板

在Palette视图中，您可以找到要添加到线框的窗口小部件库和自定义资源。您可以将“调色板”的位置更改为“ 屏幕编辑器”的左侧，并调整其他调色板首选项。

可以从上下文菜单中调整各种调色板布局设置。在调色板内右键单击以访问它。您可以缩小缩略图图标，并使小部件显示在列表中。还有一个Customize ...选项，允许您在调色板中隐藏小部件。

您可以将自己的小部件和图像放在调色板中，方法是将它们放在项目根目录的assets文件夹中。如果需要，可以按项目更改资产文件夹的位置。要执行此操作，请在项目资源管理器中右键单击项目，选择“ 属性”>“线框设置”，然后更改“ 资源文件夹”设置。

使用Mockups Gallery从我们的在线图库下载和安装预建资产。选择帮助>从样机库添加资产...开始。

该面板也可以从分离的屏幕编辑器，并在自己的视图中使用打开窗口>显示视图>调色板。这将为您提供更多布局选项，以便您可以以不同方式排列Palette视图，甚至可以使其浮动并将其移动到辅助监视器。

可以使用搜索字段过滤调色板项目。您还可以使用搜索字段下方的类别树按预定义的类别进行过滤。

调色板是键盘友好的。单击小部件，然后使用箭头和选项卡导航。键入一个字母以快速跳转到以它开头的小部件。按Enter键添加所选小部件。

属性

该属性视图允许您快速编辑性质的的选择对象。如果选择了多个对象，则视图允许您仅编辑这些对象的公共属性。

如果您希望使用最大化的编辑器，则可以分离“ 属性”视图，使其可以浮动在编辑器画布上方。

大纲

“ 大纲”视图显示已编辑内容的概述。对于屏幕，它以Z顺序显示小部件，后面的小部件在列表的顶部，而前面的那些在底部。对于故事板，它显示包含屏幕的列表。

可以使用拖放重新排序窗口小部件。其他编辑操作（如复制和粘贴以及删除）也可以使用。

链接

该链接视图用于连接屏幕为可点击的原型。当您选择可以链接到另一个屏幕的对象时，“ 链接”视图允许您编辑该对象的链接。

笔记

该票据视图用于注释屏幕与附加注释。当你选择一个对象，可以注释，在注释视图，您可以编辑该对象的注释文本。

工具栏

该工具栏，您可以快速访问各种编辑和导出操作。

按其出现的顺序执行的操作是：

•  复制，剪切和粘贴

•  撤消和重做

•  删除

•  导出到图像

•  导出为PDF

•  在线分享

•  Z顺序安排

•  匹配宽度和高度

•  相对对齐

•  分发

•  分组和取消组合

•  锁定/解锁

•  切换粗体，斜体和下划线样式

•  文字对齐

•  放大和缩小

•  介绍

可以自定义工具栏以删除不需要的条目。如果您在Eclipse IDE中使用WireframeSketcher，这将特别有用。要执行此操作，请右键单击工具栏上的，选择“ 自定义透视图...”，然后取消选中“ 工具栏可见性”部分中的所有不需要的项目。

上下文菜单

工具栏中提供的许多操作也可从上下文菜单中获得。要打开上下文菜单，请右键单击其中一个选定的小组件或在屏幕编辑器的空白区域中。

菜单

大多数操作都可以在顶级应用程序菜单中找到。有文件，编辑，视图，对象，格式，窗口和帮助菜单。

“ 文件”菜单包含与文件相关的各种操作。在此菜单下可以找到创建，保存，关闭，打印和导出文件的操作。

“ 编辑”菜单包含适用于当前编辑文件的编辑操作。在那里可以找到撤消/重做，复制，粘贴和删除的操作。

“ 视图”菜单包括用于缩放，切换注释，网格和标尺的可见性以及用于启动演示的操作：

“ 对象”菜单包含适用于编辑器中当前所选对象的编辑操作。它包括对所选对象进行排序，对齐，分配，调整大小，分组等操作：

“ 格式”菜单包含与字体大小调整，文本样式和所选对象格式相关的编辑操作：

可以自定义顶部菜单以删除不需要的条目。如果您在Eclipse IDE中使用WireframeSketcher，这将特别有用。要执行此操作，请右键单击工具栏，选择“ 自定义透视图...”，然后在“ 菜单可见性”部分中取消选中所有不需要的项目。