速学Axure RP:产品原型设计从入门到进阶
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.4 画布中的操作技巧

1.4.1 元件的操作

1.添加元件

元件通过拖入操作添加到画布中。

如果开启了单键快捷键,也可以按一下单键快捷键,在画布中通过拖动添加相应尺寸的元件。(案例动画1)

添加元件的单键快捷键如下。

●R:矩形。

●T:文本。

●P:绘画。

●O:圆形。

●L:线段。

动画1

添加元件到画布

另外,使用单键快捷键还可以进行以下操作。

●S:图片切割。

●X:创建交互。

●>:预览原型。

●0:元件透明度0%与100%切换。

●C:图片裁剪。

●N:添加说明。

●/:发布原型到Axure云。

●1~9:元件透明度10%~90%。

2.选择元件

选择一个元件,可以在画布中通过单击该元件选中它,也可以在【概要】功能面板的元件列表中单击选中某个元件。

而在画布中批量选择元件,既可以通过按〈Ctrl〉键后单击多个元件进行选择,还可以通过划选的方式完成。

默认情况下,通过划选能够批量选择与划选区域相交的元件。

如果需要划选区域完全包含某个或某些元件时才能够选择,可以在工具栏中将选择模式由【相交选中】更改为【包含选中】,如图1-18所示。

另外,还可以在画布空白处任意一处单击鼠标右键,在上下文菜单中单击【选择上方全部】或【选择下方全部】来批量选择元件,如图1-19所示。

图1-18 选择元件

图1-19 批量选择元件

3.复制元件

通过通用快捷键〈Ctrl+C〉进行复制,再通过〈Ctrl+V〉快捷键粘贴,即可复制元件。(案例动画2)

另外,也可以通过〈Ctrl+D〉快捷键进行复制。还可以按住〈Ctrl〉快捷键不放,通过拖动元件进行复制。

动画2

复制元件的操作

1.4.2 画布的操作

1.返回原点

单击画布标尺交界处的准星图标或者按〈Ctrl+9〉快捷键,即可让画布快速回到原点,如图1-20所示。

如果单击准星图标没有反应,可能是中文输入法的状态栏导致的。可以通过隐藏输入法的状态栏解决。

2.移动画布

我们可以拉动滚动条移动画布的位置,也可以按〈Spacebar〉键的同时拖动画布进行移动。

另外,使用键盘的〈↑〉、〈↓〉、〈←〉、〈→〉键也可以进行画布移动。

3.画布比例

画布比例的缩放可以通过工具栏选择缩放比例,也可以通过〈Ctrl〉键配合鼠标滚轮或者〈Ctrl〉键配合〈+〉与〈-〉进行缩放,如图1-21所示。

图1-20 返回原点

图1-21 调整画布缩放比例

1.4.3 辅助线的操作

1.添加辅助线

在画布左侧与顶部的标尺上按住鼠标左键拖动即可出现辅助线。

一些特定的辅助线可以在画布中单击鼠标右键,在上下文菜单的【标尺·网格·辅助线】二级选项中进行选择。(案例动画3)

动画3

辅助线的操作

2.删除辅助线

不需要的辅助线可以拖动到标尺外删除,或者用鼠标指针单击辅助线不松开,按〈Delete〉键删除。还可以通过划选的方式选中多条辅助线,按〈Delete〉键删除。

3.锁定辅助线

在画布空白处单击鼠标右键,在上下文菜单中可以选择【锁定】辅助线,锁定的辅助线将无法拖动和选中。

1.4.4 页面标签的操作

1.切换页面

画布上方会显示所有打开页面的标签按钮,单击这些按钮就可以快速切换页面,如图1-22所示。

图1-22 页面标签操作

2.关闭页面

单击页面标签按钮上的关闭(×)图标即可关闭页面,也可以在按钮标签上单击鼠标右键,在上下文菜单中可以进行关闭操作,如图1-22所示。