跳到主要内容

按钮,形状和文本

默认部件库的基础部件部分中的各种框、按钮、标题、占位符以及标签和段落都是形状部件。 图标部件库中可用的图标也是形状,用钢笔工具绘制的任何部件也是形状元件。

创建形状


从库窗格中拖放

Axure RP附带了各种现成的形状,你可以在库窗格中访问它们。 要将其添加到设计中,请将其从窗格中拖放到画布上。

插入菜单

界面左上角的插入菜单包含可以添加到设计中的许多形状。 选择一个形状,然后在画布上单击并拖动绘制它。 你可以在拖动时按住SHIFT来限制其尺寸。
也可以使用以下单键快捷方式绘制最常用的形状:
+ R矩形
+ O椭圆形
+ L线
+ T文本(段落元件)
+ P手绘钢笔工具

钢笔工具

你可以使用插入菜单中的钢笔工具或按P来绘制自己的矢量形状。 钢笔工具的工作原理与其他矢量绘图应用程序中的等效工具类似:

  • 拖动时按住ALT即可独立移动拖动手柄;
  • 单击画布以添加新的矢量点;
  • 单击并拖动以添加弯曲点;
  • 拖动时按住SHIFT可将曲线手柄自动对齐到X轴或Y轴;
  • 单击第一个点以关闭路径,或双击画布以创建一个开放的路径;

将SVG转换为形状

你可以通过右键单击并选择将SVG转换为形状来编辑已导入到Axure RP中的SVG资源。 这将用一个或多个形状元件替换SVG图像,然后你就可以像编辑其他形状元件一样对其进行编辑。

从 Sketch中导入

你可以直接从Sketch复制资产并将其作为形状元件粘贴到Axure RP中。

  1. 下载并安装 Sketch 的 Axure 插件。
  2. 在 Sketch 中, 然后转到插件→ Axure→为RP复制选择。 (或者, 你可以使用为RP复制所有画板选项复制所有资源)
  3. 在Axure RP中,使用编辑→粘贴或右键单击画布以将Sketch元素粘贴到项目中。

从 Adobe XD 中导入

你可以直接从Adobe XD 复制资产并将其作为形状元件粘贴到Axure RP中。

  1. 下载并安装 XD 的 Axure 插件.
  2. 在 XD 中, 然后转到插件→ Axure→为RP复制选择。 (或者, 你可以使用为RP复制所有画板选项复制所有资源)
  3. 在Axure RP中,使用编辑→粘贴或右键单击画布以将 XD 元素粘贴到项目中。

从 Figma 导入

你可以直接从Figma复制资产,并将它们作为形状元件粘贴到Axure RP中。

  1. 为Figma安装Axure插件。
  2. 在Figma中,选择要复制的元素,然后转到插件→ Axure→为RP复制选择 (或者,你可以使用“为RP复制所有画板”选项复制所有资产。)
  3. 在Axure RP中,使用编辑→粘贴或右键单击画布以将Figma元素粘贴到项目中。

添加编辑文本


你可以通过以下任意选项将文本添加到形部件件或编辑其文本:

  • 双击形状以进入文本编辑模式
  • 选择形状并按ENTER进入文本编辑模式
  • 右键单击形状,然后在上下文菜单中选择编辑文本
  • 选择形状并开始输入。(仅当你禁用了单键快捷方式时,此选项才可用)

你也可以通过右键单击形状元件并选择用Lorem Ipsum填充,系统自动用占位符文本填充形状元件。

图像填充


除了样式窗格中可用的其他样式选项之外,还可以为形状部件提供背景图像。 要给形状提供背景图像,请选择它并使用样式窗格中填充下的图像按钮。

旋转形状


使用样式窗格顶部的旋转字段来旋转画布上的选定形状。 该字段接受正和负的度值,最多两位小数。 正值将形状向右旋转,负值将形状向左旋转。

重置文字旋转

旋转形状部件后,可以通过右键单击形状文本并将其转换为0°来设置形状文本的旋转度为0°。

编辑形状


改变形状

要将形状部件更改为其他形状,请右键单击并在上下文菜单中选择选择形状。 这将显示一个可供选择的Axure RP预配置形状列表。

你可以通过这种方式更改任何形状的部件。 当你要更改形状时,执行此操作并不创建新的形状部件,将保留该部件的所有注释和交互。

编辑矢量点

创建形状后,可以通过编辑其矢量点进一步对其进行调整。 首先,选择部件并双击其边框,或者右键单击并在上下文菜单中选择编辑点。


拖动一个矢量点将其移动。 要添加新点,请单击边框上的空白点。 要删除一个点,请选择它,然后按DELETE或右键单击并在上下文菜单中选择删除。
要在曲线和锐化之间切换一个点,请双击它或右键单击并在上下文菜单中选择曲线或锐化。 你还可以通过右键单击部件并选择变换形状下的任一选项来一次弯曲或锐化所有点。

形状转化

你可以将多个变换应用于一个或多个选定的形状元件。 右键单击你选择的形状,然后转到变换形状以访问这些选项。

水平/垂直翻转: 沿y轴(水平)或x轴(垂直)翻转形状。

合并: 将多个形状合并为一条路径。
去除: 从形状中减去一个或多个形状。 根据概要窗格中指示的堆叠顺序,将从最后面的形状中减去前面的形状
相交: 仅保留两个或多个形状的相交部分。
排除: 将两个或多个形状连接在一起,但不包括任何重叠区域。 消除了重叠区域,并将每种形状的其余部分保留为一个形状,该形状可能具有多个路径。

结合: 将两个或多个形状合并为一个形状,并保留每个原始路径(与合并相对)。

分开: 将先前组合的形状分解为单独的形状。

弯曲/折线所有点: 弯曲或折线选定形状中的所有矢量点。

转换成图片


如果你想将占位符或其他形状替换为真实图像,则可以在保留所有注释和交互的同时将形状部件转换为图像部件。 只需右键单击形状部件,然后在上下文菜单中选择转换为图像。

引用页面


将引用页分配给形状会做三件事:

  • 形状上的文本设置为页面名称。
  • 如果页面被重命名,形状的文本会自动更新。
  • 单击 Web 浏览器中的形状可打开该页面。

要将引用页分配给形状部件,请单击“交互”窗格的“形状属性”部分中的“全部显示”,然后单击“引用页”。

选择组


你可以在一组形状,线条,图像或动态面板部件之间创建关系,其中通过“设置选择/选中”操作一次只能将一个部件设置为其选中状态。 (这类似于单选按钮组中单选按钮之间的关系。)

要了解更多信息,请查看选择组文章。