Axure RP--以一個導航為案例介紹如何做滑鼠移入時事件

滑鼠移入時展開面板，在網頁常見於滑鼠移入在一級導航時展開二級導航，即手風琴式菜單，或見於電商網站的商品目錄，滑鼠移至上方在一級分類時展開二級或更多分類，下面以一個導航為案例介紹如何做滑鼠移入時事件。

步驟1：
從組件庫拖拽一個矩形到線框圖編輯區中，調整大小，輸入“基本資料”

 

步驟2：
選中矩形，右擊開啟捷徑功能表，點擊“轉換為動態面板”

步驟3：
雙擊新轉換來的動態面板，開啟“動態面板狀態管理”視窗，在“動態面板名稱”填寫“基本資料”，點擊“+”新增一個狀態

 

步驟4：
雙擊“狀態2”，開啟狀態2編輯區，複製狀態1的矩形過來，並從組件庫中拖拽兩個小矩形過來，調整大小，並分別輸入“學生資訊”、“教師資訊

 

步驟5：
回到首頁線框圖中，從組件庫拖拽一個矩形到線框圖中，調整成和“基本資料”一樣的大小，輸入“行政管理”，右擊開啟捷徑功能表選擇“轉換為動態面板”，並給動態面板命名

 

步驟6：
選中“基本資料”動態面板，在“組件互動和注釋”視窗，點擊“更多事件”開啟“更多事件”列表，單擊“滑鼠移入時”事件，開啟用例編輯器

 

步驟7：
第二步：點擊新增動作—選擇“動態面板”，點擊“設定面板狀態”；
第四步：配置新動作—勾選“基本資料（動態面板）”，“選擇狀態”下拉選擇“狀態2”，勾選“展開/收合組件”，“方向”單選“向下”，點擊“確定”

步驟8：
製作完成，產生原型，預覽效果

 

 

更多axure學習視頻，axure快速原型設計案例請登入陪學網：http://www.pexue.com/