Axure8.0

Axure 6.0 交互原型设计详细实例教程（一）

——TAB标签切换的制作

我们通常看到的切换形式为：

工作原理是：

其中，控件和内容一一对应，控件和内容都有两种状态，控件的状态包括“被选中”和“没被选中”，内容的状态为“显示”和“不显示”，当控件的状态为“被选中”时，内容的状态为“显示”，当控件的状态为“没被选中”时，内容的状态为“不显示”。

下面我们来做一个实例，就以上面的图为例子：

第一步，按照TAB切换原理，我们准备好3个按钮和3个内容区，并为三个控件命名（控件A、控件B、控件C），如下图：

注：图中右侧红圈里面的名字就是控件的名字。 第二步，我们为控件设定“被选中”和“没被选中”两种状态，其中“没被选中”的状态为默认状态，“被选中状态”设置方式如下：

第三步，我们为内容区设定“显示”和“不显示”两种状态，并为三个内容区命名（内容A、内容B、内容C）：

好了，准备完毕，下面要做的就是设置交互：

点击“控件A”：

将“控件A”变成“被选中”状态，将“控件B”和“控件C”变成“没被选中”状态；

显示“内容A”，隐藏“内容B”和“内容C”。

点击“控件B”：

将“控件B”变成“被选中”状态，将“控件A”和“控件C”变成“没被选中”状态；

显示“内容B”，隐藏“内容A”和“内容C”。 点击“控件C”：

将“控件C”变成“被选中”状态，将“控件A”和“控件B”变成“没被选中”状态；

显示“内容C”，隐藏“内容A”和“内容B”。

具体实现方式（以点击“控件A”为例）：

双击onclick会出现下面的窗口：

点击左侧的“显示面板”，并在最右侧勾选需要显示的面板“内容A”：

点击左侧的“隐藏面板”，并在最右侧勾选需要显示的面板“内容B”和“内容C”：

点击左侧的“将组件设置为选定状态”，并在最右侧勾选 “控件A”、“控件B”和“控件C”：

在右下角设定“控件A”的“Select the value”值为“selected”、“控件B”和“控件C”为“default”：

实用标准文档

文案大全 AXURE8.0原型制作规范 实用标准文档

文案大全 文档修订记录

序号 版本号 修订日期 修订概述 修订人 审批人 备注

1 V1.0

实用标准文档

文案大全 目录

1 概述 .................................................................................... 4

1.1 简述 ............................................................................ 4

1.2 目标群体 ........................................................................ 4

1.3 范围 ............................................................................ 4

1.4 名词定义 ........................................................................ 4

1.5 标准原则 ........................................................................ 4

2 制作规范 ................................................................................ 5

2.1 文件命名规范 .................................................................... 5

2.2 Widgets规范 ..................................................................... 5

1安装步骤：1.鼠标右击【AxureRP9】选择【解压到AxureRP9】。

2.双击打开解压后的【AxureRP9】文件夹。

3.鼠标右击【AxureRP-安装程序】选择【以管理员身份运行】。

2

4.点击【Next】。

5.勾选【Iacceptthe...】然后点击【Next】。

3

6.点击【Change...】更改软件的安装路径，建议安装在除C盘之外的其它

磁盘，可以在D盘或其它磁盘新建一个【Axure9】文件夹，然后点击【Next】。

7.点击【Install】。

4

8.正在安装中。

9.点击【Finish】。

510.点击【Close】。

611.点击右上角的【×】关闭此界面。

12.点击右上角的【×】关闭此界面。

13.点击右上角的【×】关闭此界面。

7

14.双击打开压缩包解压后的【AxureRP9】文件夹里面的【汉化文件-软

件装好先不要启动】文件夹。

15.鼠标右击【lang】文件夹选择【复制】。

8

16.打开软件的安装路径（软件的安装路径为第6步设置的路径，我这里为

D:\Axure9），鼠标右击空白处选择【粘贴】。

17.双击【AxureRP9】软件图标启动软件。

9

18.点击【输入授权】。（请不要关闭此界面）

19.双击打开压缩包解压后的【AxureRP9】文件夹，鼠标右击【axure9注

册机】选择【解压到axure9注册机】。

10

20.双击打开解压后的【axure9注册机】文件夹。

21.鼠标右击【Keygen】选择【以管理员身份运行】。

11

22.在Licensee下方的框中随意输入，然后点击【Generate】。

23.生成的Key如图所示。

24.将注册机上的【Licensee】和【Key】分别复制到管理授权界面上的【被

授权人】和【授权密钥】。（注意：复制快捷键为Ctrl+C，粘贴快捷键为

Ctrl+V）

1225.点击【提交】。

26.点击右上角的【×】关闭此界面。

1327.安装完成，软件运行界面如下。

Axure RP 8.0函数大全 Axure函数手册用法及说明

Axure RP 8.0函数大全是根据小楼老师的《Axure RP 8 函数速查表》整理而来，方便大家查询。这些函数不用去记，大概了解他们的用途即可。需要的时候再来查一下就可以了。

在做课件的时候，将所有的函数用途和参数注解，整理了一份表格资料。后来，觉得这个东西挺有用，所以，分享给大家当做参考资料。

函数能够提高原型的制作效率，但也容易导致画蛇添足。如果是单纯的学习，建议通过一些有趣味的原型，多加锻炼使用。这样在实际应用中，才能够手到拈来，随心所欲。如果是用于工作，在不熟悉函数使用的情况下，尽量避免纠结于某个函数的使用，以免影响工作效率，得不偿失。扎实学习，灵活使用。这句话不仅适用于函数，也适用于Axure以及其他的任何工具。

Axure函数的基本语法

在axure交互设计时，函数可以用在条件公式和需要赋值的地方，其基本语法是用双方括号包含，变量值和函数用英文句号连接。

例如：[[LVAR. Width]] 表示变量LVAR的宽度。

[[This. Width]] 当前元件的宽度

元件函数

This用途：获取当前元件对象。当前元件是指当前添加交互动作的元件。

Target用途：获取目标元件对象。目标元件是指当前交互动作控制的元件。

x用途：获取元件对象的X轴坐标值。 y用途：获取元件对象的Y轴坐标值。

width用途：获取元件对象的宽度值。

height用途：获取元件对象的高度值。

scrollX用途：获取元件对象的水平滚动距离（当前仅限动态面板）。

scrollY用途：获取元件对象的垂直滚动距离（当前仅限动态面板）。

text用途：获取元件对象的文本文字。

name用途：获取元件对象的自定义名称。

top用途：获取元件对象的上边界坐标值。

left用途：获取元件对象的左边界坐标值。

right用途：获取元件对象的右边界坐标值。