這幾天用Axure畫原型圖的過程中，需要實現Tab選項卡切換的效果，但Axure中並沒有類似於Tab控制元件的部件，所以可以用Axure中的動態面板(Dynamic Panel)來實現。

       本文以已經漢化的Axure7.0為例，英語不太好的朋友可以先進行漢化（漢化的時候要注意版本，不同的版本，漢化檔案也稍有差異）。

        具體實現步驟如下：

        1、往頁面中拖入一個動態面板部件；

        2、給該動態面板部件新增幾個狀態；

        操作方法為：雙擊該動態面板，點選左側的加號新增狀態，這裡把四個新增的狀態名稱改為“選項卡1、選項卡2……”

        單擊確定，此動態面板就擁有了4個狀態，每個狀態分別對應一個選項卡頁面：

        3、編輯每個狀態（選項卡）的頁面內容（這裡可以先在選項卡1中編輯每個選項卡中的公共內容），雙擊選項卡1，進入對狀態的編輯頁面，向頁面中拖入一個矩形（作為選項卡的主體面板）和4個圖片控制元件：

       這裡為了顯示效果，做了四張作為選項卡表頭的圖片，四張圖片底部都沒有邊框：

        將這四張圖片上傳後調整圖片與矩形的位置（讓矩形的上邊框擋住四張圖片的下邊框）與層次（將矩形置於頂層），直至效果為：

        再將選項卡1的層次置於頂層，為了標識，矩形中拖入需要在選項卡1中放置的內容（這裡拖入一個單行文字）：

        此時的頁面就達到了選項卡1的效果，然後均按照此方法修改選項卡2、選項卡3、選項卡4。每個選項卡（也就是狀態）中矩形中的內容就是每個選項卡要顯示的主體內容。

       4、設定選項卡之間的動態跳轉：

       在選項卡1中，點選圖片選項卡1，為它新增滑鼠單擊事件

       新增動作為動態面板下的“設定面板狀態”，動作為設定狀態到選項卡1，如下圖：

       此時，執行一下就可以實現點選“選項卡1”就切換到選項卡1的面板的效果，同樣方法設定其他三個按鈕。

       小技巧

       上例的四個選項卡就是動態面板的四個狀態，這幾個狀態有一些公共的內容，比如選項卡的四個按鈕（即上例中的四張圖片）和各個按鈕相應的單擊事件，所以為了高效省時，可以先做出一個選項卡的內容來，然後可以直接將這個選項卡的公共內容部分複製到其他選項卡中，這樣也可以避免位置調整不佳而導致點選每個選項卡切換時會來回“跳動”（在Axure中從一處複製內容到另一處時，內容本身的屬性、事件、座標等性質均不變）。

          現在在Axure的官網上也可以下載tab控制元件的外掛，其中不乏一些功能強大的、美觀大氣的控制元件哦。點選跳到下載頁面