Axure RP交互事件

0 2021-11-05 14:07 内容校对:海绵宝宝手里的锅铲
收藏(0) 共有 78 人学习了本教程

《Axure RP交互事件》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强等多维度案例或实操来进行更多的学习;此教程是由zzz在2021-11-05发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。

交互是什么?交互的原理是什么?常用的交互有哪些?下面这篇文章小编希望大家花个几分钟的时间认识阅读本章教程,充分交互的定义和构成交互的三大元素。一起来看一看吧。

交互的定义

什么是交互?简单通俗的讲,就是谁在什么时候做了什么样的事情。

这个主体“谁”=元件和页面

什么时候,狭义的理解是时间,在这里我们可以延伸理解为时机,对应原型中的事件;

做了什么样的事情,这是一个动态变化的过程,在原型中对应着动作。

根据以上对交互的定义,我们可以看出交互效果的产生是由元件、事件、动作这3个最基本的元素构成。元件在前一章节已经给大家详细介绍过了,下面这一小节先来教大家认识axure中的“事件”。

事件(在什么时候/时机)

axure的事件可以分为和手动触发事件和自动触发的事件。
【元件事件】一般都是人为手动触发,比如单击页面上某个按钮。

Axure RP交互事件

【页面事件】一般为自动触发,比如当浏览器加载页面时,滚动页面时等等。

元件交互

举例讲解:鼠标单击跳转就是最基本的元件交互事件,可以用于鼠标点击时,也可以用于移动设备上的手指点击时。我们以简书(https://www.jianshu.com/)这个网站的主导航(发现/关注/消息)跳转为例,说明元件的交互过程。

Axure RP交互事件

①点击关注,页面程序判断“关注”是否有鼠标单击事件。
②假设有鼠标单击事件,首先检查事件中是否有逻辑条件,如果有逻辑条件,则按照条件执行对应动作;如果没有条件,则直接执行动作。
③点击“关注"后,自动跳转到关注页面,交互执行完毕

Axure 9.0 自带元件交互事件

【单击时】操作解释:当元件被点击时。
【双击时】操作解释:元件被鼠标双击时。
【右击时】操作解释:当元件被鼠标右键单击时。
【按下时】操作解释:当鼠标按下左键没有被释放时。
【松开时】操作解释:当元件被鼠标点击,这个事件由鼠标按键释放触发。
【鼠标移动时】操作解释:当光标在一个元件上移动时。
【鼠标移入时】操作解释:当光标移入元件范围时。
【鼠标移出时】操作解释:当光标移出元件范围时。
【鼠标停放时】操作解释:当光标在元件上方悬停时。
【鼠标长按时】操作解释:当鼠标按下超过2秒没有被释放时。
【按键按下时】操作解释:键盘上的按键被按下时。
【按键松开时】操作解释:当键盘上的按键弹起时。
【移动时】操作解释:当元件移动时,在页面中的坐标位发生了变化。
【旋转时】操作解释:当元件旋转时。
【尺寸改变时】操作解释:当元件宽度或高度发生改变时。
【显示时】操作解释:当元件通过交互动作显示时。
【隐藏时】操作解释:当元件通过交互动作隐藏时。
【获取焦点时】操作解释:当一个输入项获取焦点时。
【失去焦点时】操作解释:当一个输入项失去焦点时。
【选中改变时】操作解释:适用于下拉框,当下拉框被选中的项发生了改变时,通常作为事件的一个逻辑条件。
【选中时】操作解释:当复选框或单选按钮被选中时。
【取消选中时】操作解释:当复选框或单选按钮取消选中时。
【载入时】操作解释:当元件从一个页面的加载中载入时。
【文字改变时】操作解释:当单行文本框或多行文本框中的文字发生改变时。
【状态改变时】操作解释:当动态面板被设置了“设置面板状态”动作时。
【拖动开始时】操作解释:当一个拖动动作开始时。
【拖动时】操作解释:当一个动态面板正在被拖动时。
【拖动结束时】操作解释:当一个拖动动作结束时。
【向左拖动结束时】操作解释:当一个面板向左拖动结束时。
【向右拖动结束时】操作解释:当一个面板向右拖动结束时。
【向上拖动结束时】操作解释:当一个面板向上拖动结束时。
【向下拖动结束时】操作解释:当一个面板向下拖动结束时。
【滚动时】操作解释:当一个有滚动的面板上下滚动时。
【向上滚动时】操作解释:当一个有滚动的面板,向上滚动时。
【向下滚动时】操作解释:当一个有滚动的面板,向下滚动时。

页面交互

举例讲解:

以页面载入时事件为例,向大家简单讲解页面事件的交互。

浏览器获取到一个加载页面的请求,可以是首次打开页面,也可以是从其他页面跳转过来。

1.页面首先检查是否有页面加载时交互,页面加载时事件是附加在页面上的。

2.如果存在“页面加载时”事件,浏览器首先会执行页面加载时的交互。

3.如果页面加载时包含交互条件,浏览器会根据逻辑条件,执行对应的动作;如果页面

4.加载时不包含条件,那么浏览器将直接执行动作。

5.被请求加载的页面渲染完毕,页面载入时的交互执行完成。

Axure RP交互事件

Axure 9.0 自带页面交互事件

【页面载入时】操作解释:当页面启动加载时。
【窗口尺寸改变时】操作解释:当浏览器窗口大小改变时。
【窗口向上滚动时】操作解释:当浏览器窗口向上滚动时。
【窗口向下滚动时】操作解释:当浏览器窗口向下滚动时。
【页面单击时】操作解释:页面任意位置被鼠标点击时。
【页面双击时】操作解释:页面中任意位置被鼠标双击时。
【页面鼠标右击时】操作解释:页面中任意位置被鼠标双击时。
【页面鼠标移动时】操作解释:当鼠标在页面任意位置移动时。
【页面按键按下时】操作解释:当键盘上的按键被按下时。
【页面按键松开时】操作解释:当键盘的按键释放时。
【自适应视图改变时】操作解释:当自适应视图更改时。

以上就是Axure RP交互事件全部内容介绍了,大家在交互原型在项目中也要注意事项,关于更多axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。

0

赠人玫瑰,手有余香

本内容由zzz原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

本文标签

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员