默认部件库的基础部件部分中的各种框、按钮、标题、占位符以及标签和段落都是形状部件。 图标部件库中可用的图标也是形状,用钢笔工具绘制的任何部件也是形状元件。
创建形状
从库窗格中拖放
Axure RP附带了各种现成的形状,你可以在库窗格中访问它们。 要将其添加到设计中,请将其从窗格中拖放到画布上。
The Insert Menu插入菜单
界面左上角的插入菜单包含可以添加到设计中的许多形状。 选择一个形状,然后在画布上单击并拖动绘制它。 你可以在拖动时按住SHIFT来限制其尺寸。 也可以使用以下单键快捷方式绘制最常用的形状:
|
钢笔工具
You can draw your own vector shapes using the pen tool, available in the Insert menu or by pressing P. The pen tool works similarly to its equivalent in other vector drawing applications: 你可以使用插入菜单中的钢笔工具或按P来绘制自己的矢量形状。 钢笔工具的工作原理与其他矢量绘图应用程序中的等效工具类似:
|
拖动时按住ALT即可独立移动拖动手柄;
单击画布以添加新的矢量点;
单击并拖动以添加弯曲点;
拖动时按住SHIFT可将曲线手柄自动对齐到X轴或Y轴;
单击第一个点以关闭路径,或双击画布以创建一个开放的路径;
将SVG转换为形状
你可以通过右键单击并选择将SVG转换为形状来编辑已导入到Axure RP中的SVG资源。 这将用一个或多个形状元件替换SVG图像,然后你就可以像编辑其他形状元件一样对其进行编辑。
从 Sketch中导入你可以直接从Sketch复制资源并将其作为形状元件粘贴到Axure RP中。
| 从 Adobe XD 中导入你可以直接从Adobe XD复制资产,并将它们作为形状元件粘贴到Axure RP中。
| 从 Figma 中导入你可以直接从Figma复制资产,并将它们作为形状元件粘贴到Axure RP中。
|
添加编辑文本
你可以通过以下任意选项将文本添加到形部件件或编辑其文本:
双击形状以进入文本编辑模式
选择形状并按ENTER进入文本编辑模式
右键单击形状,然后在上下文菜单中选择编辑文本
选择形状并开始输入。(仅当你禁用了单键快捷方式时,此选项才可用)
你也可以通过右键单击形状元件并选择用Lorem Ipsum填充,系统自动用占位符文本填充形状元件。
图像填充
除了样式窗格中可用的其他样式选项之外,还可以为形状部件提供背景图像。 要给形状提供背景图像,请选择它并使用样式窗格中填充下的图像按钮。
旋转形状
使用样式窗格顶部的旋转字段来旋转画布上的选定形状。 该字段接受正和负的度值,最多两位小数。 正值将形状向右旋转,负值将形状向左旋转。
重置文字旋转
旋转形状部件后,可以通过右键单击形状文本并将其转换为0°来设置形状文本的旋转度为0°。 |
编辑形状
改变形状
要将形状部件更改为其他形状,请右键单击并在上下文菜单中选择选择形状。 这将显示一个可供选择的Axure RP预配置形状列表。
你可以通过这种方式更改任何形状的部件。 当你要更改形状时,执行此操作并不创建新的形状部件,将保留该部件的所有注释和交互。
编辑向量点
创建形状后,可以通过编辑其矢量点进一步对其进行调整。 首先,选择部件并双击其边框,或者右键单击并在上下文菜单中选择编辑点。
拖动一个矢量点将其移动。 要添加新点,请单击边框上的空白点。 要删除一个点,请选择它,然后按DELETE或右键单击并在上下文菜单中选择删除。 要在曲线和锐化之间切换一个点,请双击它或右键单击并在上下文菜单中选择曲线或锐化。 你还可以通过右键单击部件并选择变换形状下的任一选项来一次弯曲或锐化所有点。 |
形状转换
你可以将多个变换应用于一个或多个选定的形状元件。 右键单击你选择的形状,然后转到变换形状以访问这些选项。
水平/垂直翻转: 沿y轴(水平)或x轴(垂直)翻转形状
合并: 将多个形状合并为一条路径 |
去除: 从形状中减去一个或多个形状。 根据【概要】窗格中指示的堆叠顺序,将从最后面的形状中减去前面的形状 |
相交: 仅保留两个或多个形状的相交部分 |
排除: 将两个或多个形状连接在一起,但不包括任何重叠区域。 消除了重叠区域,并将每种形状的其余部分保留为一个形状,该形状可能具有多个路径 |
结合: 将两个或多个形状合并为一个形状,并保留每个原始路径(与合并相对)
分开: 将先前组合的形状分解为单独的形状
弯曲/锐化所有点: 弯曲或锐化选定形状中的所有矢量点
转化成图片
如果你想将占位符或其他形状替换为真实图像,则可以在保留所有注释和交互的同时将形状部件转换为图像部件。 只需右键单击形状部件,然后在上下文菜单中选择转换为图像。
引用页面
如果部件具有引用页面,则意味着部件上的文本就是页面的名称,当页面重命名时,部件的文本会更新,然后单击HTML输出链接中的部件即可链接到引用页面。
要将引用页分配给形状部件,请在交互窗格的更多属性菜单中单击引用页面。
选择组
你可以在一组形状,线条,图像或动态面板部件之间创建关系,其中通过“设置选择/选中”操作一次只能将一个部件设置为其选中状态。 (这类似于单选按钮组中单选按钮之间的关系。)
要了解更多信息,请查看选择组文章。