Axure RP是一個專業(yè)的快速原型設計工具。它能快速、高效的讓負責定義需求、設計功能和界面的產(chǎn)品人員創(chuàng)建網(wǎng)站的原型、流程圖和說明文檔。

本文將將分步驟交大家如何使用Axure RP 8.0創(chuàng)建基礎的TAB標簽頁效果。

最終效果如圖（點擊TAB頁，切換對應TAB內(nèi)容）：

1、 創(chuàng)建一個動態(tài)面板（尺寸600px*400px）；

2、雙擊動態(tài)面板 – 打開面板狀態(tài)管理，給面板命名為TAB頁卡，并定義三種面板狀態(tài)，TAB1、TAB2、TAB3；

3、點擊確認，右側(cè)概要區(qū)就生成了3個TAB頁卡；

4、雙擊概要區(qū)頁卡動態(tài)面板里的TAB1，來編輯TAB1的內(nèi)容；

5、TAB1編輯區(qū)拖入一個矩形（尺寸480px*250px）作為主體內(nèi)容，再拖入三個矩形（尺寸150*150），作為TAB的表頭，命名為TAB1、TAB2、TAB3；

6、選擇矩形TAB1，然后選擇頂部菜單置于頂層；

7、點擊矩形右上角小圓點，選擇底部無框矩形；

8、選中TAB2和TAB3，填充底色；

9、添加交互動作，選中TAB1，在右上角， 雙擊 “鼠標單擊時”彈出窗口，

在添加動作列選擇設置動態(tài)面板，在配置動作列選擇勾選動態(tài)面板，選擇狀態(tài)為TAB1，點擊確認即完成TAB1鏈接切換；

10、參考9步驟，設置TAB2指向TAB2，設置TAB3指向TAB3；

11、雙擊右側(cè)概要區(qū)動態(tài)面板里的TAB2和TAB3，復制黏貼TAB1的內(nèi)容；按如上步驟調(diào)整TAB2和TAB3的樣式；

此時，發(fā)布預覽就可以實現(xiàn)點擊TAB1就切換到TAB1的內(nèi)容，點擊TAB2就切換到TAB2的內(nèi)容的效果。

聲明：原創(chuàng)文章，謝絕復制黏貼他處。