Axure之幼儿养成记---页面操作区及基础元件之矩形

截至到今天，你和我都坚持学习了两次课程，给自己一个YES。

一、写在课前：

友情提醒：

1、本文字数1002字，阅读时间大约12分钟，操作实践时间约30分钟。

2、对Axure有一定使用经验的小鱼或鲨鱼，可以直接略过本节，当然可以快速浏览，欢迎留言共同探讨。

二、开课小甜点

上节课，我们对Axure针对工具栏进行逐一介绍，工具栏共分十九个功能项，分别是文件操作，图形绘制，元件对齐方式，操作界面布局等十九个功能项，如有疑惑的地方可以关注我们，然后回看上一节《Axure之虾米养成记第二课》。

本堂课，我们将对Axure操作区域中页面、元件库中基本元件-矩形进行概要讲解，记得跟着一起做，实践出真知。

三、页面操作区

页面操作区共分三块：添加页面、添加文件夹、搜索

1、添加页面：

实现同级目录对应页面的添加：

2、文件夹添加：

3、页面搜索功能：

四、基础元件

元件可以理解为不同形状的积木，搭建大厦需要不同的积木进行堆积，所以制作原型需要不同的元件构成。

1、矩形

1.1：设置图形的圆角半径

1.2：改变图形的形状

1.3：属性

其中属性模块分为：交互、文本链接、形状三大模块

交互模块：可以添加鼠标操作等各种交互动作，后续课程会结合实例进行讲解

文本链接：

形状：可以对矩形样式进行修改，还可以进行全局的交互样式设置，设置引用页面，设置选项组名称，元件提示等操作。

建议多去点击操作，尝试一下，后期我们会结合案例进一步讲解。

1.4：说明

自定义字段展示：

建议多去点击操作，尝试一下，后期我们会结合案例进一步讲解。

1.5：样式

用于设置矩形的样式：

位置和尺寸：

包括在画布的定位坐标（X、Y）轴，矩形本身的宽和高，设置是否隐藏矩形元件，元件角度，元件内部文本的角度，水平翻转，垂直翻转，自动适配文字宽度，自动适配文字长度。

元件全局样式设定：

填充：对矩形内部颜色的填充

阴影：分为内部阴影和外部阴影

边框：可以设置线宽、边框颜色、边框样式

圆角半径：设置图形的圆角半径

不透明：设置图形的不透明度

字体:设置填充字体的各种属性（类型、大小、颜色等）

行间距：设置文本的行间距

项目符号：设置文本的项目符号

对齐：对文本进行不同对齐方式展示

填充：填充文本的位置，类似于占位符

建议多去点击操作，尝试一下，后期我们会结合案例进一步讲解。

五、画重点：

本节课对Axure操作区域中页面、元件库中基本元件-矩形，如有纰漏，欢迎留言指正，转载转发，我们共同进步。

六、课后预习：

下次课程我们将对Axure元件库中基本元件中占位符、按钮、标题、文本进行讲解，期待您的参与。