本文將教大家如何用AXURE中的中繼器制作菜單(自動(dòng)折疊其他菜單)
一、效果介紹
如圖:
預(yù)覽及下載地址:https://iuek50.axshare.com
二酷含、功能介紹
點(diǎn)擊菜單,展示其子菜單
自動(dòng)折疊其他菜單
三已维、制作方法
(1)中繼器
拖入一個(gè)中繼器拭抬,為其賦值,如圖:
(2)中繼器內(nèi)部
- 菜單
拖入一大一小矩形份企,其小矩形為文本標(biāo)簽蒲牧,小標(biāo)簽命名為”菜單“撇贺,兩個(gè)矩形組合一起,命名為組合1冰抢,在大矩形右邊加入一個(gè)圖片組件松嘶,其為箭頭圖片,三個(gè)組件組合一起命名為組合1挎扰,如圖:
子菜單
拖入一大一小矩形翠订,其小矩形為文本標(biāo)簽缓升,小標(biāo)簽命名為”子菜單“,兩個(gè)矩形組合一起蕴轨,命名為組合2港谊,
連個(gè)組合重疊一起(組合1在組合2上),如圖:
最終設(shè)計(jì)橙弱,如圖:
四歧寺、交互設(shè)置
(1)中繼器
中繼器載入和每項(xiàng)加載時(shí)設(shè)置,如圖:
(2)中繼器內(nèi)部組合
組合1
鼠標(biāo)點(diǎn)擊時(shí)交互設(shè)置棘脐,如圖:
組合2
鼠標(biāo)點(diǎn)擊時(shí)交互設(shè)置斜筐,如圖:
設(shè)計(jì)中菜單樣式和顏色可以自由修改。