Axure9的元件用法

Axure是我们产品常用的一种一款软件，今天跟大家一起分享一下基本元件

基本元件

矩形

矩形是最常用最基本的作图工具，它主要功能有：

• 
  
  可以通过改变矩形大小，填充颜色来确定基本的框架

• 
  
  可以改变图形的形状，例如扇形，星型，圆形等。

• 
  
  可以隐藏边框，改变边框线段的形状和颜色

• 
  
  可以改变角度的弧度，建议用5开始调试

• 
  
  对矩形阴影进行设置，增加矩形阴影可以增加立体感，例如制作小卡片原型。

• 
  
  可以对矩形进行隐藏，经过触发显示。

• 
  
  矩形分为3种，建议使用矩形一，矩形二三是对矩形一填充灰色。除了需要使用灰色矩形外，不建议使用。

图片

一般用来导入外界图片或者用来占位显示目的

• 
  
  右键-选择导入图片-导入完成

• 
  
  可以调节图片大小

占位符

一般用来占位位置，例如广告位

按钮

一共有三种，前两种只有底色和字体颜色不同，主要功能：

• 自带圆角5度，按钮字体可以编辑成自己想要的内容

• 拥有跟矩形相同的功能

• 当使用固定按钮时，用起来比较方便，不需要用矩形标题进行组合。

第三种按钮，无边框，只有蓝色“按钮”两个字，可编辑。跟标题没什么区别，建议使用标题。（我反正没咋用过）

标题

有三种，一级标题，二级标题，三级标题。功能用法都是一样的，只不过大小不同。建议非必要使用三级标题，一般就够用了。功能如下：

• 
  
  点击即可输入想要输入的内容

• 
  
  可以选择文字样式，一般使用第一个Regular。

• 
  
  可以改变文字大小，颜色

文字标题

拖出来后为“文字标题”的样式，样式Regular，字号14。点击即可编辑内容。有需要这类文字样式可以使用。除样式不同外，和标题功能是一样的。

文字段落

用来充当文字内容。例如，所画页面需要大量的文字占位填充，这个时候我们就可以用它来填充。

水平线和垂直线

可以调节直线状态和长短。

热区

用来扩大鼠标可点击范围。例如，设计某网站的交互按钮时，想要扩大按钮的点击范围，可以在按钮表面覆盖一个热区。

动态面板

是我们做图最重要和常用的元件。功能如下：

• 
  
  双击出现虚线框，下拉最上方State1，可以添加动态面板的可编辑页面。

• 
  
  动态面板也可以调节大小，隐藏。

• 
  
  动态面板可以固定到浏览器，预览的时候会固定在你所设置的位置。

• 
  
  动态面板具有填充颜色，改变线段，设置外阴影和圆角的功能。

• 动态面板可以设置滚动，有三种：

• 
  
  还有一个自适应内容，目前没有发现这个功能的作用。勾选自适应内容，动态面板会变小。

内联框架

用它添加一个外部网站地址或该rp的某页面，即可显示在某页面。具体功能如下：

• 
  
  可以调节边框大小

• 
  
  可以隐藏边框

• 
  
  可以选择滚动样式

• 
  
  可以添加预览图

• 
  
  双击元件即可选择是连接到某网站，还是该rp的某个页面。

中继器

它是一个非常有用和有难度的元件，用它可以解决很多问题。

• 
  
  双击时，出现一个矩形，其他地方不可用。你可以在该矩形编辑任何内容，除了在矩形里放中继器。关闭该页面，你会出现3个相同的内容。

• 
  
  如果你想让三个内容不同，可以在旁边的样式的表格进行编辑。如果你想对表格表头取名字，只能取英文名。在对应框里添加对应内容，就可以得到3个不同的内容。

• 
  
  如果你想在中继器里添加图片，要求图片不相同。你可以在样式矩形里进行添加，右键-导入图片。这还没结束，你需要在交互这里做一些改动。你会看到设置文本，下面有个小加号，点击选择设置图片，选择对应表格内容，这样就可以获得3个不相同的图片啦。

• 
  
  当你想做个增删查改的功能时，你就可以设置中继器交互就能做到。

表单元件

文本框

一个可输入边框，通常用来做搜索框。具体功能如下：

• 
  
  输入类型有很多种，有很多重合的，只是名字不相同的，这里列举几个不同的：

•  文本：可以输入任意文字。

• 密码：输出的密码会隐藏，变成星号。

• 数字：只可以输入数字，不能输入其他东西。可以点击右边两个按钮对数字进行加减变化。

• 搜索：输入文字后，文字右边出现叉号，点击清除框中内容。

• 文件：点击选择文件，右边出现对应文件名。

• 日期/月份/时间：它们效果相同，只不过对应选择内容不同。文字右边的图标点击即可出现选择框进行选择。只可选择，不可手动输入。

• 
  
  可以改变文本框的大小尺寸，边框颜色。

• 
  
  可以设置提示文字。

• 
  
  可以设计交互样式。例如，鼠标移动时文本框变灰。

文本域

一个大型的文本输入框。具体功能如下：

• 
  
  可以设置提示文字

• 
  
  可以设计交互样式。例如，鼠标移动时文本框变灰。

下拉列表

双击出现对话框，添加下拉内容，添加并勾选文本框内要显示的内容，这样就完成了。因为可更改因素比较少，所以不太推荐。

列表框

跟下拉列表用法差不多。双击出现对话框，添加并勾选文本框内要显示的内容，就完成了。还是不推荐。

复选框

与单选按钮最大的区别是可以多次重复选择。具体功能如下：

• 
  
  可以编辑旁边文字

• 
  
  可以改变框内状态，可以是禁用的，也可以是选中的等。

• 
  
  可以通过交互触发某些效果。

• 
  
  可以重复选择。

单选按钮

不可以重复选择，只可以选择一次，其余功能和复选框相同。

菜单表格

树

可以编辑文字内容，子树下面文字可以收入树当中。子树与树的关系状态可以改变。

表格

一个3️3的格式固定表格，框内可编辑。

水平菜单

3个并列矩形框，文字可编辑。

垂直菜单

和水平菜单只是格式不同。

标记符号

快照

双击选择改rp的某页面（本页面除外），回对该页面整体进行拍照，图片显示在快照的范围内。图片的大小可以调节。

箭头

分为水平箭头和竖直箭头。通常用于对原型图的标注，和便签一起用。

便签和标记

有三个便签样式，只有颜色不同。和箭头配合起来对原型图进行标注。标记和便签功能相同，形状不同，有圆形和水滴形。

常用的元件用法都在这里，配合一些交互就可以画一些自己喜欢的东西啦！