Axure RP Pro 能幫助網站需求設計者，快捷而簡便的創建基于網站構架圖的帶注釋頁面示意圖、操作流程圖、以及交互設計，并可自動生成用于演示的網頁文件和規格文件，從而可以將產品人員的想法快速準確的傳遞給開發人員。本文將分步向大家介紹如何使用 Axure RP Pro 7.0創建Tab標簽效果。最終效果如下所示：

1、向頁面內添加一個動態面板，如圖：

2、右鍵單擊動態面板 - 管理面板狀態 - 管理面板狀態管理，給面板命名為主頁，并定義三種狀態，Tab1，如圖：

3、部件管理 - 主頁 - Tab1，右鍵“編輯”，在Tab1中添加兩個矩形，如圖:

4、調節矩形大小，使得小的矩形和大矩形在一起的部分重合，再右鍵“標簽1” - 順序 - 置于頂層，設置小矩形置頂，大矩形置底；右鍵“標簽1”- 選擇形狀 - 頂部矩形，如圖：

5、添加多個標簽，復制“標簽1”，重命名“標簽2”，“標簽3”，右鍵“標簽2”- 選擇形狀 - 矩形，選中“標簽2”填充顏色；“標簽3”同樣，如圖：

6、添加交互動作，此處以添加單擊為例，選中“標簽1”，在“部件交互和注釋”- “交互” - 雙擊 “鼠標單擊時”彈出窗口，在“動態面板”- 單擊“設置面板狀態”，在“第四部：配置動作”中勾選“主頁（動態面板）”，如需調整標簽在“選擇狀態”中選擇，此處我沒有添加多個標簽，下一步詳細講解，如圖：

7、類似步驟2，在動態面板編輯界面，右鍵單擊動態面板 - 管理面板狀態 - 管理面板狀態管理，單擊選中“Tab1”，點擊復制，然后重命名“Tab2”、“Tab3”；重復步驟4和步驟5，修改“標簽2”，“標簽3”，如圖：

8、重復步驟6，首先在狀態“Tab1”中，給“標簽2”，“標簽3”也添加動作。重復此步驟在裝“Tab2”、“Tab3”中，也給“標簽2”，“標簽3”也添加動作，在這里要提一下，接的修改“標簽1”的動作狀態調整到“Tab1”，到這一步就完成了。