編輯導讀：如何通過中繼器做出基礎的菜單呢？本文作者通過自己的實操，從效果圖到操作步驟都一一展開了分析，並對過程中需要注意的問題進行了介紹，希望對你有所啟發。
網上關於Axure9的教程數量繁多，但對基礎步驟描述較少，對初次使用axure的同學不太友好。中繼器作為常用功能之一，是產品人必要掌握的技能，因此寫下了這篇教程，希望對大家有所幫助。
先上效果圖
步驟一：準備素材。
從左側元件拖出4個矩形，排列成菜單展開的樣式；也準備一個中繼器，直接從左側元件處拖到畫布上即可。
tips：可以使用ctrl+shift，直接將矩形往下拖，同ppt。
步驟二：設置菜單框架。
雙擊中繼器，把原本的框去掉，將菜單樣式放進去，然後點擊右上角的關閉，可以看到整個菜單的框架。
tips：整個菜單得放在虛線框中，超出虛線的部分不會展示出來。
步驟三：設置一級菜單之間的間距。
設置樣式-間距10px，讓二級菜單跟下方的一級菜單分開。
tips：樣式-間距的位置比較靠後，得往下滾動甚至是拖動，才能看到間距。
步驟四：填充菜單的填充內容。
在樣式-數據中填寫文字，其中menu對應一級菜單名稱，name1對應一級菜單下的第一個子菜單名稱，以此類推。
tips：表頭要用英文；
將文字填入中繼器。進入交互，選擇一級菜單對應的矩形，編輯值為[[item.menu]]，完成後點擊添加目標；選擇第一個子菜單對應的矩形，編輯值為[[item.name1]]，完成後點擊添加目標，以此類推。
tips：
如果添加目標選項沒出來，可將滑鼠移過去，就會出來了；覺得矩形太多，選擇目標容易混亂，可給每個矩形定義名稱，樣式/交互中都可以定義。
步驟五：製作菜單樣式。
雙擊中繼器，將三個子菜單組合後，在樣式中設置為隱藏，如紅色部分所示；
選中一級菜單矩形，在交互中設置為單擊時，顯示/隱藏進行切換展示。
整個製作完成，大家可以打開預覽，欣賞自己的作品啦。是不是簡單而又詳細？
本文由 @汪仔4807 原創發布於人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基於CC0協議。