Axure第9享：元件页面样式修改

目标： 了解并掌握元件页面属性修改的一些细节内容。

 

步骤：

1、从元件库中拖入一个矩形元件，如下图1。

 

图1

2、选中元件后，右侧样式包括：位置·尺寸、box、填充、阴影、边框、圆角半径、不透明、字体、行间距、项目符号、对齐、填充等，其中位置·尺寸、box、填充、阴影、边框、圆角半径、不透明等都是针对元件边框，而字体、行间距、项目符号、对齐、填充等则是针对元件中的文字。

3、位置·尺寸：设定元件在画布中的x轴、y轴坐标，调整元件自身的宽度、高度，调整元件的角度、文本的角度，水平翻转、垂直翻转，自动适应文本宽度、自动适应文本高度、隐藏（勾选隐藏后，预览之后看不到元件）等。

这里重点介绍调整元件的角度、文本的角度，为此在矩形中输入文字，并添加元件框颜色，将两个的参数均设计为30，界面如下图2。

图2

说明：若想使文字也翻转30度，则需要将文本角度修改为60即可。

4、box是各种元件的样式，主要类型见下图3，不再赘述。

图3

5、填充、阴影、边框不再赘述，接下来介绍一下圆角半径，这里本应该是可以编辑，然后改变矩形的四个角的圆度，但是现在无法编辑，如果有朋友知道原因，希望不吝赐教。

不透明、字体、行间距、项目符号（前面出现圆点，类似项目编号）、对齐都很简单，不再多言。

6、最后，介绍一下填充功能，这个主要是文本中的上、下、左、右的边框距离，这里将4个参数均设置为0，效果见下图4。

图4