您可以锁定小部件(Ctrl+L)以避免意外移动或调整大小。
导出你的作品
要展示您的作品,您可以将屏幕和故事板导出为PNG,PDF和HTML格式,在线共享或打印
1、导出到图像
使用“导出到图像”向导将线框导出为PNG图像,或将导出的图像复制到剪贴板。指定目标文件夹和文件名。要仅导出线框的某些部分,请确保先在“屏幕编辑器”中选择它们,然后选择“仅选择选项”。使用“缩放”选项可调整导出图像的分辨率。
使用“导出到图像”操作打开向导。可以从工具栏,上下文菜单或按Ctrl+Shift+I快捷键调用此操作。
2、导出为PDF
使用“导出到PDF”向导将线框导出为PDF文档。指定目标文件夹和文件名。您可以将屏幕和故事板导出为PDF,但只有故事板才能创建可单击的多页PDF文档。
使用“导出到PDF”操作打开向导。可以从工具栏,上下文菜单或按Ctrl+Shift+P快捷键调用此操作。
导出的PDF文档大部分时间都是基于矢量的。这使得PDF文档在任何分辨率和缩放级别都很好。文本是可选择的,可以从文档中轻松复制。
但是,在特定情况下,当屏幕包含文档字体不支持的字符时,PDF导出将切换为基于图像的变体。这意味着每个页面将包含屏幕的导出图像,而不是矢量版本。
3、在线分享
使用“在线共享”向导在WireframeSketcher服务器(wiresketch.com)上在线安全地共享线框。您可以共享屏幕和故事板,但只有故事板才能创建可点击的多页面演示文稿。
使用“在线共享”操作打开向导。可以从工具栏,上下文菜单或按Ctrl+Shift+O快捷键调用此操作。
在线分享
导出完成后,您的故事板的链接将在浏览器中自动打开。这是一个安全,独特,难以猜测的链接。从浏览器的地址栏复制它,然后与您的团队或您的客户共享。
下次分享您的屏幕或故事板时,您可以选择更新以前上传的链接。“历史记录”对话框允许您选择其他链接以更新或删除我们服务器中的链接。
您还可以选择在自己的服务器上共享故事板。为此,请选择“另存为HTML到本地文件夹”选项。指定目标文件夹和文件名。完成后,您可以将导出的HTML上传到您自己的服务器。另一种选择是使用Dropbox。您可以将HTML文件直接放在公共文件夹中,并通过公共链接在线共享。
在线共享提供了在Android和iOS等移动设备上测试原型的最快方法。
4、批量图像导出
使用“批量图像导出”向导可以在一个操作中将多个屏幕导出到PNG。选择要导出的.screen文件并指定目标文件夹。使用“缩放”选项可调整导出图像的分辨率。
选择“文件”>“导出...”>“WireframeSketcher”>“批量图像导出”,打开“批量图像导出”向导。
5、批量PDF导出
使用批量PDF导出向导可以在一个操作中将多个屏幕和故事板导出为PDF。选择要导出的.screen和/或.story文件,然后指定目标文件夹。如果要从一组屏幕生成多页PDF文档,请使用故事板。
选择File>Export...>WireframeSketcher>BatchPDFExport,打开BatchPDFExport向导。
6、批量HTML导出
使用“批量HTML导出”向导可以在单个操作中将多个屏幕和故事板导出到本地HTML。选择要导出的.screen和/或.story文件,然后指定目标文件夹。如果要从一组屏幕生成多页HTML,请使用故事板。
选择“文件”>“导出...”>“WireframeSketcher”>“批量HTML导出”,打开“批量HTML导出”向导。
7、打印
使用“打印”操作直接打印线框和故事板。
8、XML
屏幕和故事板以XML格式保存。这种格式很简单,可以很容易地推断出它的规则。有关详细信息,请参阅XML格式规范。
介绍你的作品
演示模式允许您以全屏模式显示线框和故事板。 可以使用F5键盘快捷键启动演示文稿。 在演示模式下,可以使用箭头,空格,退格键,Page Up和Page Down等键盘快捷键在屏幕之间导航。 使用上下文菜单切换链接突出显示和注释。 使用Escape退出演示模式。
使用多个监视器
WireframeSketcher具有非常灵活的用户界面,可让您以多种方式组织它。 要利用多个监视器,您可以执行以下操作:
•撕掉视图以使它们浮动。 拖动它们以找到最适合您的设置。
•使用“窗口”>“显示视图”>“调色板”将调色板移动到其自己的视图。 现在你可以让它浮动并将它放在第二台显示器上。
•使用“窗口”>“新建窗口”创建第二个窗口。 这使您可以一次编辑和查看两个或多个屏幕
喜好
可以使用全局首选项自定义WireframeSketcher的各个方面。 要打开首选项对话框,请选择“窗口”>“首选项”>“WireframeSketcher”。
1、SWT间谍插件
SWT Spy插件允许您将现有的SWT UI转换为线框,然后您可以对其进行编辑和修改。
要开始,请打开要模拟的对话框或窗口。 按Alt + Shift + F5,模型的XML将被复制到剪贴板中。 打开“新建屏幕”向导,然后在第二页上粘贴XML。 点击完成,你就完成了! 请注意,您还可以将XML直接粘贴到屏幕中。
技术上间谍功能作为单独的插件提供:com.wireframesketcher.spy。 启动Eclipse插件或RCP应用程序时,需要确保此插件包含在您的环境中。
2、安装插件
WireframeSketcher基于Eclipse平台,这意味着您可以使用各种Eclipse插件扩展它。 一个常见的要求是为Subversion,Git,Team Foundation Server,Perforce,Mercurial,Plastic SCM等安装版本控制插件。
以下是一些插件的在线指南:
通常,要安装版本控制插件,如Subclipse,Subversive,eGit,P4Eclipse(Perforce),Mercurial,Team Foundation Server(TFS),SourceAnywhere等,请按照以下步骤操作:
使用Window> Preferences> Install / Update> Available Software Sites启用Eclipse更新站点:
使用“帮助”>“安装新软件...”从其更新站点安装插件。 如果您需要了解,WireframeSketcher基于Eclipse 2018-09(4.9)
使用说明
组织项目的最佳实践
WireframeSketcher使用Workspace的概念,它是主目录中的特殊文件夹。默认情况下,所有新项目都在此文件夹中创建。这种方法适用于常规使用,但如果您正在考虑以不同方式组织项目,那么这就是您应该知道的。
1、工作区概念
首先让我们解释一下WireframeSketcher使用的更多细节概念:
Workspace是WireframeSketcher存储有关项目和个人设置的信息的地方。此信息保存在.metadata文件夹中,不应与其他用户共享,也不得通过版本控制或任何其他方法共享。 Workspace通常还包含项目,每个项目一个目录,尽管项目也可以在工作区之外生活(稍后将详细介绍)。
项目是一个保存项目文件的目录,它在顶层有一个.project文件。此文件可以并且应该与其他文件共享。例如,您应该将其添加到版本控制存储库。
可以在工作集中组织项目。这些只是在Project Explorer视图中对项目有不同视图的一种方法。它们只允许查看正在处理的项目并隐藏其余项目。工作集不会影响项目的存储方式和位置。
2、将项目放在工作区之外
创建项目时,可以通过取消选择使用默认位置复选框来指定工作区外的位置。取消选中它,然后指定一个类似C:/ work / projectA / wireframes的位置。
在处理许多项目时,可以在Project Explorer视图中拥有相当多的项目。如果项目已完成且不再计划其中的工作,则可以从Project Explorer视图中安全地删除项目。可以通过选择不需要的项目并按Delete键而不是选中“删除磁盘上的项目内容”来完成。如果需要,可以在以后重新导入项目。另一个选择是使用工作集来控制哪些项目保持可见,并在它们之间切换以更改上下文。
项目导入允许将现有项目重新添加到工作区。要导入项目,请使用文件>导入...>常规>现有项目到工作区。以root身份选择包含项目文件夹的文件夹。例如,如果您的结构是c:/work/projectA/.project,则应选择c:/ work作为根,然后选择projectA作为要导入的项目。
3、更改默认工作空间位置
如果您希望将默认工作区移动到其他位置,则可以使用多种方法。
使用-data命令行选项。建议为WireframeSketcher可执行文件创建一个快捷启动器,并在那里指定选项。您可以直接提供新位置:
WireframeSketcher.exe -data c:\ work \ ws_wireframes
或者您可以禁用默认位置,在这种情况下,系统会在启动时提示您输入位置:
WireframeSketcher.exe -data @noDefault
如果需要使用多个工作区,请使用此变体。阅读有关macOS和Linux细节的命令行用法的更多信息。
只需将工作区目录移动到新位置,然后创建一个从默认位置指向它的符号链接。此选项最适用于非Windows系统。
我可以在自己的网站或应用中使用WireframeSketcher图标吗?
WireframeSketcher图标根据Creative Commons'Attribution-ShareAlike 3.0 Unported License(CC BY-SA 3.0)获得许可 - https://creativecommons.org/licenses/by-sa/3.0/
如果您使用这些图标,请在您的网站或应用程序的某个位置添加指向WireframeSketcher(https://wireframesketcher.com)的链接。
您可以从WireframeSketcher GitHub存储库获取图标。
Mockups Gallery提供的图标根据自己的条款获得许可。
如何在我的Android,iPhone,iPad或其他设备上演示屏幕
在Android,iPhone,iPad或任何其他设备上演示屏幕的最佳方式是使用我们的免费在线共享服务。 在线上传您的线框,然后直接在目标设备上的浏览器中查看它们。
全屏演示
要在全屏模式下在目标手机或平板电脑上展示您的线框和原型,请使用以下步骤:
在目标手机或平板电脑上的浏览器中打开链接
为该页面添加书签并将书签添加到主屏幕
在iOS上选择“共享”图标,然后选择“添加到主屏幕”选项
在Android上打开菜单,然后选择添加到主屏幕选项
使用主屏幕上的新图标以全屏模式打开线框
隐藏设备框架
在目标设备上演示屏幕时,您通常希望隐藏手机和平板电脑的帧。 实现此目的的最简单方法是将它们标记为注释,然后在线共享时使用“隐藏注释”选项。