Axure8.0:標籤導航欄

本次分享的的案例是Axure8.0製作的標籤導航欄。


預覽及下載地址:https://40074m.axshare.com

一、製作原型

1)用兩個矩形制作一個LOGO和導航菜單,如圖:


2)用兩個矩形制作兩個菜單,如圖:


3)用中繼器製作菜單,如圖:


點擊中繼器進入,用一個矩形制作左側菜單,如圖:


4)用一個矩形制作首頁標籤,如圖:


5)用中繼器製作一個標籤菜單,如圖:


點擊中繼器進入,製作左側菜單以及關閉按鈕,如圖:


6)製作一個動態面板用來切換頁面,如圖:


7)製作一個框架,選擇框架目標爲首頁。


二、交互設置

1)對菜單中繼器進行“每項加載時”事件設置,如圖:


點擊中繼器進入,對數據菜單進行“鼠標點擊時”、“選中時”以及“取消選中時”事件進行設置。


2)點擊“首頁”標籤,對其進行”鼠標點擊時”事件設置。


3)對標籤中繼器進行“每項加載時”事件進行設置。


點擊中繼器進入,對“菜單標籤”進行“鼠標點擊時”和“選中時“事件設置。


對關閉按鈕進行”鼠標點擊時“事件設置。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章