1 使用元件

基础1 添加元件到画布

基础2 添加元件名称

基础3 设置元件位置/尺寸

基础4 设置元件默认角度

基础5 设置元件颜色与透明

基础6 设置形状或图片圆角

基础7 设置矩形仅显示部分边框

基础8 设置线段/箭头/边框样式

基础9 设置元件文字边距/行距

基础10 设置元件默认隐藏

基础11 设置文本框输入为密码

基础12 设置打开选择文件窗口

基础13 限制文本框输入字符位数

基础14 设置文本框提示文字

基础15 设置文本框回车触发事件

基础16 设置鼠标移入元件时的提示

基础17 设置矩形为其他形状

基础18 设置自定义形状

基础19 设置形状水平/垂直翻转

基础20 设置列表框的内容

基础21 设置元件默认选中/禁用

基础22 设置单选按钮唯一选中

基础23 设置元件不同状态的交互样式

基础24 设置图片文本

基础25 切割/裁剪图片

基础26 嵌入多媒体文件/页面

基础27 调整元件的层级

基础28 组合/取消组合元件

基础29 转换元件为图片

基础30 载入元件库

基础31 切换元件库

基础1 添加元件到画布

在左侧元件库中选择要使用的元件，按住鼠标左键不放，拖动到画布适合的位置上松开（见图1-1）。

图1-1

基础2 添加元件名称

在检视面板的元件名称文本框中输入元件的自定义名称，建议采用英文命名。

建议格式：PasswordInput01或Password01。

名称含义：序号01的密码输入框。

格式说明：“Password”表示主要用途；“Input”表示元件类型，一般情况下可省略，当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用；“01”表示出现多个同名元件时的编号；单词首字母大写的书写格式便于阅读（见图1-2）。

图1-2

基础3 设置元件位置/尺寸

元件的位置与尺寸可以通过鼠标拖曳调整，也可以在快捷功能或元件样式中进行输入调整（见图1-3）。

x：指元件在画布中的x轴坐标值。

y：指元件在画布中的y轴坐标值。

图1-3

w：指元件的宽度值。

h：指元件的高度值。

在输入数值调整元件尺寸时，可以在样式中设置，让元件【保持宽高比例】（见图1-4）。

图1-4

基础4 设置元件默认角度

方式一：选择需要改变角度的元件，按住<Ctrl>键的同时，用鼠标拖动元件的节点到合适的角度（见图1-5）。

方式二：在元件样式中进行角度的设置，元件的角度与元件文字的角度可以分开设置（见图1-5）。

图1-5

基础5 设置元件颜色与透明

选择要改变颜色的元件，单击快捷功能区中的背景颜色设置按钮，选取相应的颜色，或者在元件样式中进行设置（见图1-6）。

图1-6

基础6 设置形状或图片圆角

可以通过拖动元件左上方的圆点图标进行调整，也可以在元件样式中设置圆角半径来实现（见图1-7）。

图1-7

基础7 设置矩形仅显示部分边框

在Axure RP 8.0的版本中，矩形的边框可以在样式中设置显示全部或部分（见图1-8）。

图1-8

基础8 设置线段/箭头/边框样式

线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进行设置（见图1-9）。

图1-9

基础9 设置元件文字边距/行距

在元件样式中可以设置元件文字的【行间距】与【填充】（见图1-10）。

行间距：是指文字段落行与行之间的空隙。

填充：是指文字与形状边缘之间填充的空隙。

图1-10

基础10 设置元件默认隐藏

选择要隐藏的元件，在快捷功能或者元件样式中勾选【隐藏】选项（见图1-11）。

图1-11

基础11 设置文本框输入为密码

文本框属性中选择文本框的{类型}为【密码】（见图1-12）。

图1-12

基础12 设置打开选择文件窗口

文本框属性中选择文本框的{类型}为【文件】，即可在浏览器中变成打开选择本地文件的按钮。该按钮样式各浏览器略有不同（见图1-13）。

图1-13

基础13 限制文本框输入字符位数

在文本框属性中输入文本框的{最大长度}为指定长度的数字（见图1-14）。