目前Mockplus中支持组件间交互、状态交互、页链接三种交互方式。不同的交互方式支持的触发条件和设置方式有所不同,这里统一做个对比介绍。

 

组件间交互的触发方式是在拖拽链接点指向目标组件之后弹出的窗口中设置。

1-中文.png

 

状态交互的触发方式是在点击闪电图标弹出的悬浮窗上设置。

2-中文.png

 

页链接的触发方式是在页链接面板中设置。

3-中文.png

 

以下是触发方式的具体说明:

  • 点击时:鼠标左键点击一下触发
  • 右键点击时:鼠标右键点击一下触发
  • 双击时:鼠标左键快速连续点击两次触发
  • 长按时:鼠标左键按下,不松开,一段时间后触发
  • 载入时:一般组件在页面加载时触发,弹出类容器(弹出面板、弹窗)内组件在弹出时触发,内容面板引用页面内组件在切换到该内容页时触发
  • 鼠标经过时:鼠标在组件上经过时触发

 

值得一提的是,载入时触发方式只在组件间交互中支持,鼠标经过时触发只在状态交互中支持。

 

组件间交互和页链接,都是在事件发生后触发动作。状态交互则是动作开始时生效,结束时恢复。下图中改变按钮背景色的状态交互在鼠标按下时生效,松开时恢复,而控制形状组件移动的组件间交互则是鼠标点击后再执行。

触发方式区别-中文.gif

 

相关阅读:

触发方式