本文針對於初級產品同學學習Axure原型互動設計，筆者介紹了如何實現Tab選項切換（選項卡、導航欄等），希望能為大家提供幫助。
Tab的切換實現可以幫助你更好的畫原型，尤其針對我這種強迫症患者，很實用。不管是APP還是web端，都能用到，而且需要用到的地方還很多。
思路：
1. 通過動態面板實現內容頁面切換，n個tab設置n個狀態；
2. 綁定tab按鈕的點擊事件，設置動態面板的狀態切換
步驟：
1. 按照上面的思路，幾個tab設置幾個狀態，先拉出所需要的按鈕（選項）+空白矩形（設置為動態面板）；
2. 雙擊動態面板，根據我們的按鈕（選項）設置狀態，這裡設置了四個tab，所以就設置四種；
3. 當狀態設置好之後，點擊任意狀態進行編輯，界面大小統一；
4. 設置好界面後，綁定按鈕與界面關係。
單擊「小學」，axure界面右側-屬性-滑鼠單擊時-顯示面板狀態-勾選（動態面板）-選擇按鈕所對應的動態面板狀態（意思就是連線），選擇好之後可以設置相關的動畫巴拉巴拉啥的。另外三個依次這樣弄一下，點擊預覽，完美。
作者：妖怪口袋，微信公眾號「妖怪口袋」
本文由 @妖怪口袋 原創發布於人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基於CC0協議