您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 交互设计 >> 浏览设计教程

软件推荐为移动设计而生-Justinmind(2)

 
 
由于JustinMind在交互方式的实现以及原型的生成方面比较具有特点,所以我做了下面一些演示:
1.事件与交互
事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义一个特定的元素,这将作为事件的触发源。
 
这个就是事件窗口,在上文的主界面介绍中有过简单的介绍。
 
交互动作按照顺序依次排列下来,执行的顺序从上到下一目了然。每个交互动作中有很多的操作,这些操作是从左到右依次执行的。只有这些操作执行完成后,才会到下一个交互动作。
 
2.关于链接的设置
使用链接最简单的操作就是,例如,点击Button跳转到Screen3,那么直接将Button拖拽到Screen3上面就可以了。
 
3.下面列举了一些常用的事件,可以看出来JustinMind的图标还是非常形象化的:
clickOn Click: 当用户单击鼠标左键并松开
mouseupOn Mouse Up: 当用户释放鼠标按键
mousedownOn Mouse Down: 当用户按下鼠标按键
doubleclickOn Double-click: 当用户双击鼠标左键
rightclickOn Right-click: 当用户单击鼠标右键并松开
toggleOn Toggle: 当用户单击鼠标左键后,自定义的事件将被执行。用户再次点击后,事件将被还原
mouseoverOn Mouse Over: 当用户鼠标位于所定义区域之上
mouseenterOn Mouse Enter: 当用户鼠标进入所定义区域
mouseenterOn Mouse Leave: 当用户鼠标离开所定义区域
dragstartOn Drag Start: 当用户按住鼠标左键并拖动至少5像素时
dragOn Drag: 当用户按住鼠标左键并保持鼠标移动时
dropOn Drag Stop: 当用户停止移动鼠标并且松开鼠标右键
keyupOn Key Up: 当键盘按键被释放
keydownOn Key Down: 当键盘按键被压下
swipeupOn Swipe Up: 当用户一根手指向上滑动
swipedownOn Swipe Down: 当用户一根手指向下滑动
swipeleftupOn Swipe Left Up: 当用户一根手指向左上方滑动
swipeleftOn Swipe Left: 当用户一根手指向左滑动
swipeleftdownOn Swipe Left Down: 当用户一根手指向左下方滑动
swiperightupOn Swipe Right Up: 当用户一根手指向右上方滑动
swiperightOn Swipe Right: 当用户一根手指向右滑动
swiperightdownOn Swipe Right Down: 当用户一根手指向右下方滑动
pinchopenOn Pinch Open:当用户两根手指互相张开滑动
pinchcloseOn Pinch Close:当用户两根手指收缩活动
rotateleftOn Rotate Left: 当用户两根手指向左旋转滑动
rotaterightOn Rotate Right: 当用户两根手指向右旋转滑动
tapholdOn Tap Hold: 当用户手指按住屏幕超过2秒
orientationportraitOn Orientation Portrait: 当设备由横屏切换为竖屏
orientationlandscapeOn Orientation Landscape: 当设备由竖屏切为横屏
changeOn Change: 当元素的值通过用户的直接操作发生变化时
focusinOn Focus In: 当输入框获得焦点时
focusoutOn Focus Out: 当输入框失去焦点时
pageloadOn Page Load: 当页面加载时
pageunloadOn Page Unload: 当用户离开页面时
[教程作者:admin]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/id1417.html
掌上指路标 —– APP架构与导航设计
交互设计的简约之道与实际应用
图趣网微信
建议反馈
×