Axure RP 8.0小白学习笔记02 - Axure元件基本操作

元件的基本操作

1. 添加元件
   添加原件到设计区域 – 点击鼠标左键选中要使用的原件， 直接拖入到设计区域中即可。

   

2 . 矩形元件的形状
形状：点击右上角的小圆圈， 可调出图形列表。在这里选中喜欢的图形可改变矩形形状为选中形状

3. 矩形元件的形状和角度
   

4 . 原件命名：
格式：InputName， 单词首字母大写为了区分单词， 也可以中文命名。命名后方便后续交互事件的添加。
举例：

5 . 原件的格式样式
选中设计区中的原件， 可以看到样式格式一栏可用。这里是格式样式的快捷键， 后续用到后会一一详细介绍。

6 . 元件的隐藏

7 . 属性（PROPERTIES）
Interactions：原件的交互事件设置
Interaction Styles：交互样式设置
这两项在后面进行交互设置时再做详细介绍。

8 . Notes： 原件备注信息， 发布后不会显示。
9 . STYLE：元件样式设置

X 、Y：标注原件在工作区中横向的位置。应该注意的是，原点（0,0）在右上角。当值为负值时，原件将溢出工作区不可见。

W、H：设置原件的宽和高。点勾选[]按钮时，长宽按比例自动设置（页面默认不按比例，那么当你点了按比例时，系统会以不按比例时的值作为比值）。
R、T：R指的是元件的倾斜度，T指的是元件中文字的倾斜。默认水平位置0度， 可手动调整.

Flip：指水平或垂直对称翻转。

Fit：指水平或垂直方向使得原件的大小适配文字内容。

Fill：元件颜色指填充。

Shadow：指阴影。outer - 外部阴影。Inner- 内部阴影。offset阴影在x、y轴上偏移原件原点（原件的右上角起始点）的距离 ；blur指阴影的模糊程度；spread指内部阴影的在原件内的蔓延程度（填充多少）

Outer

Inner

Border：边框。设置元件边框的粗细、颜色、类型、取消部分边框、直线的类型（各种箭头）。

Corner radius：指设置圆角，可设置部分变为圆角。
将圆角调成尖角

Opacity：元件透明程度，数值越低越透明。
font：字体。设置文字的属性，字体、字号、加粗、下划线、倾斜、阴影等。
line spacing：调整行间距
bullets：无序列表
alignment：调整文字的对齐方式
padding：调整文字与原件边框之间的距离。