本節學習目標
- 認識物件互動的方式
- 互動功能簡介
認識物件互動的方式
物件互動的方式一共有兩種,分別是建立在「事件與結果」及「樣式的改變」。
- 事件與結果:觸發某物件後而導致的結果。如:按下按鈕出現視窗,那麼按下按鈕就是事件,而結果就是視窗的出現
- 樣式的改變:樣式(Style)上的更動。如:滑鼠移至按鈕時按鈕會變色、按鈕被按下時會變色。
互動功能簡介
- 點選物件後在物件區切換至互動(Interaction)區塊,在最上方可以將物件命名,建議給予物件名稱以方便未來互動設定上的找尋。 在區塊下方可以看到預設的兩個常用互動,分別是點選後開啟連結 (Click or Tap, Open Link) 、點選後改變能見度 (Click or Tap, Set Visiblity),再往下就會是樣式的效果(Style Effect),常用的像是 滑鼠移入移出(MouseOver) 或者 被選擇時(Selected) 物件樣式會如何改變。
- 除了這三個常見的互動外,可以點選新互動(New Interaciotn)觀看更多互動選項。點選後可以看到事件(Event),常用的事件像是 點選後會發生什麼事(Click or Tap)、滑鼠移入(Mouse Enter)、滑鼠移出(Mouse Exit)。
- 點選事件後,會切換到結果頁面,此時可以設定結果如顯示或隱藏(Show / Hide)、打開連結(Open Link)等。選擇結果後,就完成互動的設定了。