Axure入门与基础 为部件添加事件解析
关关 2018-06-28 来源 : 阅读 1308 评论 0

摘要:为部件添加事件包括选取哪个部件、选取哪种事件类型。希望阅读本篇文章以后大家有所收获,帮助大家对Axure的掌握更加深入。

本次以矩形部件,实现点击事件,链接到百度页面作为一个例子。

1.1 添加事件

为部件添加事件包括选取哪个部件、选取哪种事件类型。所谓的事件也就是用来反映用户的输入,例如用户点击一个部件,就会引发单击(OnClick)事件;页面加载时,触发一个页面加载(OnPageLoad)事件。在每个事件中可以添加多个用例,每个用例又可包括多个动作,这样就可以通过不同的用例和动作来让部件按外界的输入来展现出相应的行为,以此实现互动效果。

下面以一个矩形部件为例,实现如何为一个部件添加事件。

从部件区域中拖曳矩形部件到页面区域,点击页面区域的矩形,在部件属性区域中你会看到当前部件所支持的所有事件。矩形部件仅仅支持鼠标单击(OnClick)、鼠标移入(OnMouseEnter)、鼠标移出(OnMouseOut)三个事件,而动态面板(Dynamic Panel)部件还支持拖曳(OnDrag)、移动(OnMove)等事件。


步骤:

01 拖曳矩形部件到页面区域,添加文字为点击。将鼠标点击这块矩形,则会出现右侧的事件,包括鼠标单击时、鼠标移入时、鼠标移出时。


02 添加哪个事件,双击事件名称,比如我们添加一个鼠标单击事件(OnClick),双击后就可以进入相应事件的用例编辑器(case editor)。如下图则是用例编辑器(case editor)。

 

然后,可以进行每个用例的添加条件和添加动作。添加条件我们之后在做介绍,现在先做个简单的链接例子。


1.2 添加动作

我们以链接到百度页面为例子。在添加动作中可看到打开链接这个动作,点击打开链接,在配置动作中选取链接到url添加百度的链接,点击确认即可。

 

点击确认后,可以看到主页面中在事件下显示了case1(即就是矩形部件的用例默认的用例名称)当前的动作。在矩形部件中也相应的数字,数字表示该页面的第几个事件。

 

点击预览,你可以在浏览器中查看效果;点击这个矩形部件,则可在当前的页面中链接到百度页面。

 

总结添加部件步骤:

01 选中部件

02 在部件属性区域中双击事件名称

03 在用例编辑器中选择相应的一个或者一组动作(动作的先后就是已动作排列的先后)

04 为动作配置参数

05 保存结束

 

本文由职坐标整理发布,更多相关内容,请关注职坐标常用软件Axure频道!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程