Axure RP 9的交互&情形

目录

一.概述

二.Axure交互

        2.1 交互样式设计

        2.2 交互事件

                2.2.1 常用交互事件

                2.2.2 独有事件

        2.3 交互动作

三.Axure的情形

四.综合运用案例

        4.1 ERP登录页到主页的跳转

        4.2 ERP的菜单跳转

        4.3 省市联动

        4.3 下拉加载刷新

---

一.概述

Axure中的交互是通过 事件和 动作的排列组合来实现的。 而且不同的元件会有一些对应的特殊 事件 (Events) 和 动作 (Actions)。

二.Axure交互

        2.1 交互样式设计

交互样式可以提前设置样式效果，当元件在浏览器中预览并遇到特定的状态时（如：鼠标悬停、鼠标按下、选中、禁用、获取焦点等），会触发对应状态的样式，从而实现在不同状态下触发不同的交互样式的效果。

• 设计交互样式只需选中需要设置的元件单击鼠标右键选择交互样式选项即可。点击后将会弹出一个窗口，这时根据要求进行设计就好。

• 接下来给大家演示一下效果（这里我设置了鼠标悬停为红色，按钮则是禁用该矩形）：

        2.2 交互事件

交互事件： 是用户在浏览器或移动设备上，对原型上元件想要触发的事件，比如点击、双击、按键、移动等。 

                2.2.1 常用交互事件

• 使用交互事件：选择一个元件，在右侧区域选择交互，然后为其新建交互，这时即可选择添加该元件交互事件。

• 接下来给大家演示一些常用的交互事件（大家仔细看第一个矩形中的内容）：

                2.2.2 独有事件

• 动态面板，下拉框和复选框等元件都有其独有的事件。如动态面板的状态改变时，拖动时，滚动时等。下拉框的选项改变时，以及复选框的选中时和取消选中时。这些都是其都有的事件。
• 接下来给大家演示一下效果：

        2.3 交互动作

交互动作是基于交互事件上的，没有事件就不会有交互动作。

可以双击打开新弹窗查看具体动作。

• 接下来给大家演示一些常用的动作：

三.Axure的情形

情形可以做到点击同一个按钮出现不同的特效。

情形有如果和否则 如果两种情形，前者情形可以被覆盖。

使用：为选中元件添加交互事件后可以点击右上角启用情形即可为该元件编写情形

启用后，双击可查看编写具体的情形。

接下来给大家演示一下情形的效果：

四.综合运用案例

        4.1 ERP登录页到主页的跳转

        4.2 ERP的菜单跳转

        4.3 省市联动

        4.3 下拉加载刷新