跳到主要内容

触发方式

触发方式是指触发交互响应的方式,目前摹客 3 提供了鼠标触发、手势触发,你可以在指定交互区域触发交互动作,模拟真实交互效果。

鼠标触发

鼠标触发适用于桌面端演示,包含单击、双击、按下、抬起、鼠标进入、鼠标离开6种触发方式。

通过这些触发方式可以轻松实现鼠标多种丰富的交互效果。

基础触发方式

单击:鼠标按下并松开,在此期间,鼠标未离开触发区域,并在松开后300ms内未进行下一次点击。

双击:鼠标按下并松开,300ms内鼠标再次按下并松开,并在松开后300ms内未进行下一次点击。

按下:鼠标完成按下动作。

抬起:鼠标完成抬起动作。

鼠标进入:鼠标进入触发区域。

鼠标离开:鼠标离开触发区域。

载入时:图层所在画板加载完成。

持续性触发方式

拖动:鼠标/手指按下,并移动一定距离,再松开鼠标/手指。

左滑:鼠标/手指按下,并向左移动一定距离,再松开鼠标/手指。

右滑:鼠标/手指按下,并向右移动一定距离,再松开鼠标/手指。

上滑:鼠标/手指按下,并向上移动一定距离,再松开鼠标/手指。

下滑:鼠标/手指按下,并向下移动一定距离,再松开鼠标/手指。

持续性触发方式相对基础触发方式,多出了以下参数:

  • 触发成功距离:持续性触发方式都需要移动一定距离,然后松开鼠标/手指,才算触发成功,此参数可配置判定触发成功的移动距离参数。默认是自动,是取触发源图层宽高的1/2自动进行的判断。

  • 阻尼:在处于按下状态下,交互会实时跟随手势和鼠标拖动进行实时变化,当移动距离达到触发成功距离时,则交互进度达到了100%,继续移动将会触发阻尼。开启阻尼的情况下,你可以使交互进度超过100%,并在超出后感受到阻尼。阻尼越大,说明阻力越大,能超出100%的比例越小。

  • 回弹:在开启阻尼后,你可以选择松开鼠标/手指时,将交互结果回弹到什么位置。比如下拉刷新场景一般回弹到起点。回弹时,会应用动画效果。

IMG_256

阻止下方图层相同交互的触发

在右侧交互属性面板上,你可以设置是否阻止下方图层的交互触发。

如下图所示,圆和矩形均有点击交互,如果为圆开启"阻止下方图层的点击事件"开关,则点击圆区域时,下方矩形的点击交互将不会触发。此选项默认时关闭的,即默认点击圆区域,圆的点击事件和矩形的点击事件均会被触发。

IMG_257