快好知 kuaihz

Axure技巧:单击和长按交互冲突解决方法

看见标题的时候我知道你一定不相信,明明交互动作里有鼠标单击时也有鼠标长按时,怎么会有冲突呢?实际上长按后两个交互都会触发,所以,该如何解决?

如果一个元件上既有单击交互,又有长按交互的时候,就会发生冲突,长按时2个交互都会触发。如下面左图:

我们希望的正常效果是右图那样的,感谢小楼老师提供了解决的思路,为了让大家也理解思路,我给大家详细讲一下!

要想解决这个问题,就要先明白什么是单击,什么是长按。

单击:按下鼠标再松开鼠标鼠标松开后触发交互内容。

长按:按下鼠标达到一定时长后,触发交互内容。

按时段分,整个流程可以分为2段:短按时段与长按时段。

按操作分,整个流程有2个操作:按下鼠标,松开鼠标

开始之后,会同时执行鼠标单击时、鼠标松开时、鼠标长按时3个交互。

鼠标单击事件触发:全局变量的初始值为0,按下鼠标后,如果还没进入长按,就不会改变变量,那么此时变量依旧是0,松开鼠标后判断变量是≠1的,所以触发鼠标单击事件。

鼠标长按事件触发:按下鼠并且进入长按时段后,设置变量为1,并且会触发鼠标长按事件。松开鼠标后会去触发鼠标单击事件,可这个事件的条件是变量≠1,所以无法触发

最后,为了不影响下一次点击时的交互,要在鼠标松开时将变量重置为0。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:单击  单击词条  交互  交互词条  冲突  冲突词条  技巧  技巧词条  解决  解决词条  
设计

 信息架构中的常见模型-2

上一期分享了三种基本的交互模型,双面板选择、画布工具条、向导(wizard),本期讨论的交互模型并不局限在一个页面上的信息结构,它们分别是:响应式出现和嵌入式连...(展开)

设计

 让我们的产品更成功

文 / 马博作者首先分析了影响产品成败的因素,然后对症下药,从战略、规划、战术三个层面,诠释了做一款成功产品的秘诀。谈到“成功”和“失败”,我想每个企业管理者和...(展开)

设计

 只言片语:产品经理需要一种气势

1、好产品是需要慢慢改出来的我能够理解运营的压力,每一点数据对于运营来说都是影响到他们口袋里实实在在的钱(奖金、KPI等等)。但是他们无法理解产品优化,数据上升...(展开)