JustinMind交互与事件

文章目录[隐藏]

JustinMind交互事件说明

1.事件与交互

事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义一个特定的元素,这将作为事件的触发源。

这个就是事件窗口,在上文的主界面介绍中有过简单的介绍。

交互动作按照顺序依次排列下来,执行的顺序从上到下一目了然。 每个交互动作中有很多的操作,这些操作是从左到右依次执行的。只有这些操作执行完成后,才会到下一个交互动作。

2.关于链接的设置

使用链接最简单的操作就是,例如,点击Button跳转到Screen3,那么直接将Button拖拽到Screen3上面就可以了。

3.下面列举了一些常用的事件,可以看出来JustinMind的图标还是非常形象化的:

 

On Click: 当用户单击鼠标左键并松开

On Mouse Up: 当用户释放鼠标按键

On Mouse Down: 当用户按下鼠标按键

On Double-click: 当用户双击鼠标左键

On Right-click: 当用户单击鼠标右键并松开

On Toggle: 当用户单击鼠标左键后,自定义的事件将被执行。用户再次点击后,事件将被还原

On Mouse Over: 当用户鼠标位于所定义区域之上

On Mouse Enter: 当用户鼠标进入所定义区域

On Mouse Leave: 当用户鼠标离开所定义区域

On Drag Start: 当用户按住鼠标左键并拖动至少5像素时

On Drag: 当用户按住鼠标左键并保持鼠标移动时

On Drag Stop: 当用户停止移动鼠标并且松开鼠标右键

On Key Up: 当键盘按键被释放

On Key Down: 当键盘按键被压下

On Swipe Up: 当用户一根手指向上滑动

On Swipe Down: 当用户一根手指向下滑动

On Swipe Left Up: 当用户一根手指向左上方滑动

On Swipe Left: 当用户一根手指向左滑动

On Swipe Left Down: 当用户一根手指向左下方滑动

On Swipe Right Up: 当用户一根手指向右上方滑动

On Swipe Right: 当用户一根手指向右滑动

On Swipe Right Down: 当用户一根手指向右下方滑动

On Pinch Open:当用户两根手指互相张开滑动

On Pinch Close:当用户两根手指收缩活动

On Rotate Left: 当用户两根手指向左旋转滑动

On Rotate Right: 当用户两根手指向右旋转滑动

On Tap Hold: 当用户手指按住屏幕超过2秒

On Orientation Portrait: 当设备由横屏切换为竖屏

On Orientation Landscape: 当设备由竖屏切为横屏

On Change: 当元素的值通过用户的直接操作发生变化时

On Focus In: 当输入框获得焦点时

On Focus Out: 当输入框失去焦点时

On Page Load: 当页面加载时

On Page Unload: 当用户离开页面时

------------------------------------------------------

转载请保留本文链接。!

专注交互设计的分享资源学习平台官方公众微信号:我是UE

官方微博:@我是UE网

Q群:156360020 验证:iamue

3.pic

 

左侧二维码是微博,右侧是微信。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/5273/

(0)
iouedioued
上一篇 2015-04-20
下一篇 2015-04-22

相关推荐

  • Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

    ​这一篇也是仅作了解熟悉,方面大家后面快速上手,先来看一看工作界面以及各个功能的入口。然后再来了解一下工作方式。 Justinmind的主界面简介 主要分为几个区域:导航栏、工具属性栏、元件区、交互事件区、数据源…

    2015-08-05
  • JustinMind免费版与JustinMind Pro的区别

    justinmind是一个可以免费创建移动和web原型的工具。 justinmind的免费版不仅仅是体验式的,它是永远免费,目的是为一些公司或个人处理小型项目。 在获得永久免费版本之前,你还可以享受我们的30天免费试用专业版带…

    JustinMind 2015-08-25
  • JUSTINMIND权威指南:前言

    ​来说一说为什么要写这本JUSTINMIND相关的书籍,此前我做交互设计的时候,有一次遇到一个特别的APP项目,这个项目的BOSS要求给拿出一个高保真的原型给他演示,我们项目组就问我怎么才能做出一个可以演示的高保真原…

    JustinMind 2015-07-31
  • 阿西JUSTINMIND学习日记:justinmind官方公布的快捷键列表(全部)

    常规快捷键 Windows OS X 剪切 Ctrl + X ⌘ + X 复制 Ctrl + C ⌘ + C 粘贴 Ctrl + V ⌘ + V 副本(复制) Ctrl + D or Ctrl + Click 并拖动 ⌘ + D or ⌘ + Click 并拖动 删除 Delete 或 退格键 Delete 或 退格键 撤销 …

    2015-06-16
  • Justinmind 6.5 激活/破解 延迟使用时间FOR MAC

    Justinmind6.5 for mac延长试用时间 1、解压后获得jm6.5_cr.sh文件 2、打开终端(方式一:到“Lauchpad”中找到“其他”,里面找到“终端”点击打开;方式二:快捷键“control + 空格”,在“spotlight搜索”中输入“终端”启动…

    2015-05-28
  • Justinmind 2015年更新回顾

      2015年是激动人心的一年!今年,我们已经推出了许多新的功能,为您带来一个更美好的原型开发工具。下面,我们回顾下2015年justinmind的改进。                 &nb…

    2016-01-06
  • Justinmind权威指南:基础-Justinmind需求面板的使用

    Justinmind权威指南 之 基础-Justinmind需求面板的使用 ​根据Justinmind 中国官方合作机构hansky的介绍:Justinmind是“需求可视化工具”,能够为使用者提供全面的原型建模解决方案,通过该方案,用户可以在正式进行…

    2015-08-10
  • Justinmind 7.1.0 win&mac网盘下载

    自定义需求字段 如你所知,Justinmind企业版可以帮助你通过需求管理与所有设计团队打造智能商务解决方案。直到现在,你已经能够在你的原型中定义项目的要求。随着在Justinmind编辑的需求领域,用户已经可以定义需求…

    2016-04-13
  • Justinmind v6.7新功能:直接调用 ILLustrator 修改 SVG 格式的矢量图形

    原文标题:利用Justinmind 6.7 新功能编辑、制作、使用矢量图标 Justinmind 6.7 提供了对 ILLustrator 矢量图形编辑、复制粘贴的支持,便得在Justinmind中使用高保真图标成为很容易的事情。下面,介绍如何利用网上…

    JustinMind 2015-08-25
  • Justinmind6.8汉化包下载以及Justinmind6.8新功能新增苹果手表部件库

    Justinmind6.8汉化包已经出来了,您如果更新到最新版本截至2015年9月11日 可以下载本汉化包,汉化包来自QQ群:156360020 邀请码iamue 安装汉化的方法压缩包里都有,还有你还可以参考历史版本的汉化包: Justinmind6…

    2015-09-11