从0开始学习Axure（三）Axure元件相关知识

1.元件相关

1.1画布操作

在页面模块中，可以双击任意一个页面，打开相应的画布，在画布的上方也会出现相应的标签

也可以通过拖动页面改变页面顺序等操作

1.2元件操作

若想使用某个元件，我们仅仅需要将元件从元件库中拖出即可

操作基本方式

旋转：按住Ctrl，同时选择元件的任意顶点拖动即可
圆角：矩形元件可以点击小三角进行角度过滤
变换形状：选择元件右击，点击变换形状即可
复制粘贴：对于一个标准的CV战士来说必备！

↑↑↑旋转

↑↑↑圆角

↑↑↑变换形状

1.3流程图

对于一名产品人员来说，流程图是必备技能之一。

1.4基本元件

1.4.1形状元件

形状元件包好了很多样式，例如样式、矩形、圆形、按钮等，这些元件可以通过样式更改相互转换

1.4.2图片元件

图片类型元件拖入画布中，可以通过双击，导入本地的图片文件素材

1.4.3文本元件

文本主要是起到辅助，标识，警示等作用。

1.4.4热区元件

热区元件是一个透明元件，不可以进行文字输入。

热区元件可以覆盖到其他元件上实现一些交互的需求，也可以用来做页面滚动的定位等操作。

1.4.5内联框架元件

内联框架主要是往页面中嵌入相关内容，例如：

1.项目中的其他页面

2.链接外部的页面地址

3.视频音频等相关文件

1.4.6动态面板元件

动态面板是一个允许添加多状态的容器（个人多用于下拉框的多种选择项）

动态面板默认只有一个状态，可以根据自身要求添加多个状态

每一个状态都可以放入一个或多个元件【也包括其他的动态面板】

1.4.7中继器元件

中继器是一个模拟列表的元件，如商品列表，邮件列表，审核列表等

而且，中继器是支持添加交互模拟，模拟增删改查排序等相关操作

1.5表单元件

表单是需要用户填写的内容，所以所有表单元件都是用于用户输入数据的元件。

1.5.1文本框

文本框是用来输入一行文字的内容。

比较常见的使用场景是用户登录功能中用户名和密码输入框等相关操作。

1.5.2文本域

文本域顾名思义的意思是一个区间范围，所以他的作用域是多排文字内容

1.5.3下拉列表

下拉列表一般是用来进行选择过滤使用，如多个条件限制查询

1.5.4列表框

列表框与下拉列表的区别为，列表框一般用于存放数据，可以设置为单选或者多选

1.5.5复选框

复选框支持单选或多选的选择方式

1.5.6单选按钮

用于多个选项的单项选择，也可用下拉列表进行代替

1.6菜单表格元件

菜单表格元件是用来绘制线框图，菜单等类型内容

1.6.1树

树一般用于，层级关系组织机构用，左侧导航菜单不常用

1.6.2表格

表格一般用于记录数据，菜单等相关配置，一个合理的表格可以很大程度提升展示效果

1.6.3经典菜单-横向

经典菜单横向一般用于页面上方导航页操作

1.6.4经典菜单-纵向

纵向的打开方式是左右打开

1.7标记元件

1.7.1快照

快照元件是用来引用页面。

实现效果为放入快照元件，双击选择引用页面即可，操作是点击图片内容即可

1.8添加元件库

若想添加元件库的话，点击+选择元件对应的元件库即可（元件库命名为.rplib格式）

【备注】RP文件可以更改为rplib文件当做元件库使用

1.9图片文件夹

图片文件夹一般是用来放自己下载的素材库内容，点击红框，选择文件夹即可

1.10元件样式

元件样式也可进行修改

不透明性:调整元件整体的透明度，包括元件与元件中的文字。
排版：设置元件上文字的样式，包括字体，字号，字色，文字阴影等方式
填充：将矩形颜色进行填充，或添加图像。
线段：设置元件边框、线段元件以及连接线的线型、线宽以及颜色，也能设置指向性类型线段
阴影：可已设置元件内部以及外部的阴影。
圆角：设置矩形与图片的圆角，并可以单独取消部分圆角。
边距：设置元件中文字与边框之间的间距，

2.元素相关

2.1布局排列

每个原型都会用到多个元件，所以布局排列也很直观重要

关于元素的有更便捷的操作方式

将元素放最底层：Ctrl+Shift+[
将元素放最上层：Ctrl+Shift+]
将元素快速组合：Ctrl+G
将元素快速拆分：Ctrl+Shift+G