1. 首页
  2. 教程
  3. 事件动作

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

事件动作是Axure的核心功能,通过事件动作可以实现很多炫酷且贴近真实场景的交互效果,常见的场景比如:登录注册效果、点击按钮触发弹出框、下拉框选中与切换、点击跳转等等都是通过事件动作来实现的。

当然事件动作相对来说也是比较复杂和难以理解的,本文将给大家解释事件动作的基本概念和原理,初步了解事件动作是如何运作的,并会在后续的教程中陆续讲解详细内容。

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

基本概念

在右侧的交互面板中可以定义元件的交互,包括:事件(Events)、场景(Cases)和动作(Actions)。用户操作界面时就会触发事件,每个事件可以包含多个场景;每个场景可执行多个动作。

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

事件(Events)

执行动作时触发的动作或时机,包括页面事件和元件事件。

  • 页面事件:点击画布任意空白区域,右侧交互栏显示的是页面事件
  • 元件事件:点击选中元件,右侧交互栏显示的是元件事件,且根据元件的不同,元件事件的具体事件会有所区别
【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

动作(Actions)

执行的具体动作,包含:链接动作、元件动作、中继器动作、其他动作四大分类

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

场景(Cases)

条件判断,满足什么条件时会执行什么动作

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

执行逻辑

Axure内的动作设定,都遵循一个通用的思维:为谁执行动作?动作怎样触发?触发后发生什么行为?

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

举例说明

案例1:点击按钮跳转到百度

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

案例2:点击按钮显示对话框

【事件动作】Axure事件动作基本概念与执行逻辑讲解(案例下载)

案例下载

立即下载

访问密码:6280

原创文章,作者:院长大大,如若转载,请注明出处:https://www.axureschool.cn/1340.html

发表评论

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

邮件:fleede@163.com

工作时间:周一至周五,9:30-18:30,节假日休息