您當(dāng)前位置：圖趣網(wǎng)（Tuquu） >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind(2)

2013/3/16 21:06:19來(lái)源：Justinmind
 
 
由于JustinMind在交互方式的實(shí)現(xiàn)以及原型的生成方面比較具有特點(diǎn)，所以我做了下面一些演示：
1.事件與交互
事件是JustinMind的一個(gè)關(guān)鍵功能，Justinmind Prototyper的事件由兩個(gè)主要部分組成：一個(gè)是事件的觸發(fā)（或用戶事件），另一個(gè)是一組操作。每一個(gè)事件必須在屏幕上定義一個(gè)特定的元素，這將作為事件的觸發(fā)源。
 
這個(gè)就是事件窗口，在上文的主界面介紹中有過簡(jiǎn)單的介紹。
 
交互動(dòng)作按照順序依次排列下來(lái)，執(zhí)行的順序從上到下一目了然。每個(gè)交互動(dòng)作中有很多的操作，這些操作是從左到右依次執(zhí)行的。只有這些操作執(zhí)行完成后，才會(huì)到下一個(gè)交互動(dòng)作。
 
2.關(guān)于鏈接的設(shè)置
使用鏈接最簡(jiǎn)單的操作就是，例如，點(diǎn)擊Button跳轉(zhuǎn)到Screen3，那么直接將Button拖拽到Screen3上面就可以了。
 
3.下面列舉了一些常用的事件，可以看出來(lái)JustinMind的圖標(biāo)還是非常形象化的：
clickOn Click: 當(dāng)用戶單擊鼠標(biāo)左鍵并松開
mouseupOn Mouse Up: 當(dāng)用戶釋放鼠標(biāo)按鍵
mousedownOn Mouse Down: 當(dāng)用戶按下鼠標(biāo)按鍵
doubleclickOn Double-click: 當(dāng)用戶雙擊鼠標(biāo)左鍵
rightclickOn Right-click: 當(dāng)用戶單擊鼠標(biāo)右鍵并松開
toggleOn Toggle: 當(dāng)用戶單擊鼠標(biāo)左鍵后，自定義的事件將被執(zhí)行。用戶再次點(diǎn)擊后，事件將被還原
mouseoverOn Mouse Over: 當(dāng)用戶鼠標(biāo)位于所定義區(qū)域之上
mouseenterOn Mouse Enter: 當(dāng)用戶鼠標(biāo)進(jìn)入所定義區(qū)域
mouseenterOn Mouse Leave: 當(dāng)用戶鼠標(biāo)離開所定義區(qū)域
dragstartOn Drag Start: 當(dāng)用戶按住鼠標(biāo)左鍵并拖動(dòng)至少5像素時(shí)
dragOn Drag: 當(dāng)用戶按住鼠標(biāo)左鍵并保持鼠標(biāo)移動(dòng)時(shí)
dropOn Drag Stop: 當(dāng)用戶停止移動(dòng)鼠標(biāo)并且松開鼠標(biāo)右鍵
keyupOn Key Up: 當(dāng)鍵盤按鍵被釋放
keydownOn Key Down: 當(dāng)鍵盤按鍵被壓下
swipeupOn Swipe Up: 當(dāng)用戶一根手指向上滑動(dòng)
swipedownOn Swipe Down: 當(dāng)用戶一根手指向下滑動(dòng)
swipeleftupOn Swipe Left Up: 當(dāng)用戶一根手指向左上方滑動(dòng)
swipeleftOn Swipe Left: 當(dāng)用戶一根手指向左滑動(dòng)
swipeleftdownOn Swipe Left Down: 當(dāng)用戶一根手指向左下方滑動(dòng)
swiperightupOn Swipe Right Up: 當(dāng)用戶一根手指向右上方滑動(dòng)
swiperightOn Swipe Right: 當(dāng)用戶一根手指向右滑動(dòng)
swiperightdownOn Swipe Right Down: 當(dāng)用戶一根手指向右下方滑動(dòng)
pinchopenOn Pinch Open:當(dāng)用戶兩根手指互相張開滑動(dòng)
pinchcloseOn Pinch Close:當(dāng)用戶兩根手指收縮活動(dòng)
rotateleftOn Rotate Left: 當(dāng)用戶兩根手指向左旋轉(zhuǎn)滑動(dòng)
rotaterightOn Rotate Right: 當(dāng)用戶兩根手指向右旋轉(zhuǎn)滑動(dòng)
tapholdOn Tap Hold: 當(dāng)用戶手指按住屏幕超過2秒
orientationportraitOn Orientation Portrait: 當(dāng)設(shè)備由橫屏切換為豎屏
orientationlandscapeOn Orientation Landscape: 當(dāng)設(shè)備由豎屏切為橫屏
changeOn Change: 當(dāng)元素的值通過用戶的直接操作發(fā)生變化時(shí)
focusinOn Focus In: 當(dāng)輸入框獲得焦點(diǎn)時(shí)
focusoutOn Focus Out: 當(dāng)輸入框失去焦點(diǎn)時(shí)
pageloadOn Page Load: 當(dāng)頁(yè)面加載時(shí)
pageunloadOn Page Unload: 當(dāng)用戶離開頁(yè)面時(shí)
[教程作者：admin]
關(guān)鍵詞：Justinmind 移動(dòng)設(shè)計(jì) 移動(dòng)設(shè)計(jì)軟件
免責(zé)聲明：本站文章系圖趣網(wǎng)整理發(fā)布，如需轉(zhuǎn)載，請(qǐng)注明出處，素材資料僅供個(gè)人學(xué)習(xí)與參考，請(qǐng)勿用于商業(yè)用途！
本文地址：http://irelandcustomcontracting.com/tutorial/id1417.html
掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
交互設(shè)計(jì)的簡(jiǎn)約之道與實(shí)際應(yīng)用
圖趣網(wǎng)微信
建議反饋
×