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

軟件推薦為移動設(shè)計而生-Justinmind(2)

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