如何在Axure RP中加载和创建属于自己的库?

翻译|使用教程|编辑:陈津勇|2019-08-20 12:01:16.640|阅读 50 次

概述:本文讲述了在Axure RP快速原型设计工具中加载和创建库的详细操作。

很多使用过Axure RP的伙伴都知道这款设计工具的窗口小部件被组织成库(目前有默认、流程和图标三个小部件库),且作为独立.rplib文件存储在计算机的文件系统中。但有人就会问了:可以自己安装其他库,或者创建自己的库吗?答案是可以的!具体的操作请往下看↓↓↓

点击下载Axure RP试用版

在库之间切换

“ 库”窗格顶部的下拉菜单列出了当前加载到Axure RP 中的所有窗口小部件库和本地图像文件夹,以及通过Axure Cloud可用的任何库。

要切换到窗口小部件库,请单击下拉列表,然后在列表中选择库。或者选择“所有库”来一次查看所有已加载库的内容。

libraries-selection-dropdown.png


添加和删除库

添加本地库文件

要将本地存储的窗口小部件库文件添加到“库”窗格以供使用,请单击窗格顶部的“添加库”图标。在显示的文件浏览器中,找到所需的.rplib文件并选择它以将其添加到窗格。

每次打开Axure RP时,它都会尝试加载您之前添加的所有本地库。Axure RP还将尝试加载它在以下文件位置找到的任何库:

视窗:C:\Users\%USERNAME%\My Documents\Axure\Libraries

苹果电脑:~/Documents/Axure/Libraries

libraries-add-local-library.png

提示:要查看存储本地库文件的位置,请单击窗格右上角的“ 选项”菜单,然后选择“在磁盘上查找”。

从Axure Cloud添加库

窗口小部件库可以像常规原型文件一样托管在Axure Cloud上,你可以直接从Axure Cloud服务器向Axure RP添加Axure Cloud托管库。云托管的库显示在列表中,旁边有一个云图标。

libraries-add-from-axure-cloud.png

单击“库”窗格顶部的下拉菜单。在“从云端可用”标题下,你将看到当前有权访问的所有Axure Cloud托管的窗口小部件库,单击其中一个库以下载并使用它。

每次打开Axure RP时,它都会尝试加载您之前添加的任何Axure Cloud库,也会自动尝试下载自您上次使用库以来的任何更改。

删除库

要从Axure RP中删除库,请在“库”窗格顶部的下拉列表中选择它。然后单击窗格右上角的“选项”菜单,然后选择“删除库”。


创建库

你可以创建供自己使用的小部件库,也可以与团队或Axure社区共享。您可以单独工作或与团队成员协作,以创建作为团队项目的库。

转到文件>新库以创建新的窗口小部件库。要将新库转换为团队项目,请按照创建和共享团队项目文章中的说明进行操作。

创建自定义小部件

当你在一个部件库工作,对网页窗格被替换的小工具窗格,其中包括相同的选项。将自定义库添加到Axure RP以供使用时,添加到此窗格的每个窗口小部件将在“ 库”窗格中显示为窗口小部件。

libraries-add-from-axure-cloud.png

构建自定义窗口小部件的工作流程与在常规原型文件中构建页面的工作流程大致相同:双击窗口小部件窗格中的窗口小部件在画布上打开它,然后从“ 库”窗格中将组件窗口小部件添加到画布。

提示:如果您的自定义小部件由多个组件小部件组成,那么将它们分组是很有帮助的,这样当它们添加到常规原型文件中的关系图中时,就可以作为单个小部件使用。

将窗口小部件组织到文件夹中

libraries-custom-widget-folders.png

窗口小部件库包含可折叠的部分标题,例如默认库中的窗体和标记。若要在自定义库中创建这些小部件,请使用“窗口小部件”窗格右上角的“添加文件夹”图标将窗口小部件添加到文件夹。

小部件样式

就像在常规原型文件中一样,您可以使用窗口小部件样式集中管理自定义窗口小部件库中的窗口小部件样式。当你将自定义小部件之一添加到原型文件中的画布中时,其小部件样式将自动添加到原型的小部件样式列表中。

您可以在自定义库中的窗口小部件中构建交互性,从而可以创建可重用的交互式资源,如按钮、开关、弹出按钮等。

图书馆窗格中的图标

每个小部件都由“库”窗格中的图标表示。默认情况下,自定义窗口小部件的图标是其内容的缩略图图像。如果需要,你可以使用自定义图标替换此缩略图。

要向窗口小部件添加自定义图标,请打开窗口小部件进行编辑,然后单击画布上的空白点。在“样式”窗格中,选择“自定义”图标单选按钮,然后使用下面的字段导入自定义图标图像。

基本图标必须为28x28像素,您可以选择添加第二个56x56像素图像以用于高密度显示器。

libraries-custom-widget-icon.png

提示:

“库”窗格中的窗口小部件图标可以包含工具提示。当你将鼠标悬停在图标上时,图标显示在其右上角,单击图标会显示工具提示。

要添加或编辑窗口小部件的工具提示文本,请在画布上打开窗口小部件,然后使用“样式”窗格中的“工具提示”字段。

自适应视图

您可以在自定义窗口小部件库中设置自适应视图来创建自适应窗口小部件。



想要了解 Axure RP 更多资源的朋友,请点这里。

想要获取 Axure RP 正版授权的朋友,请点这里。

1565166511625_12201A8E-ADC2-4723-A4C7-A25BEBC0575B(1).png



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
Axure RP

产品原型设计、网站原型设计、应用程序设计的主流工具与软件

在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat