Axure RP工具中的既有元件庫中沒有現成的選項卡控件，該怎么自己制作選項卡控件呢？下面我們就來看看詳細的教程。
1、先正常打開Axure RP工具，然后新建一個空白頁面。
2、本經驗以“我的任務”為例進行說明，在“我的任務”功能模塊設計中一般包含“待辦任務”，“完成任務”和“我發起的任務”三個選項，所以先拖拽3個矩形框到空白頁面中，再加入一個動態面板，如下所示。
3、當選中某個選項的時候，設置不同的背景色。先選中第一個選擇框，在右側的屬性對話框中，找到“交互樣式設置”，如下圖1所示，單擊“選中”，在彈出的對話框中設置填充顏色，如下圖2所示。
4、針對第二個選項卡和第三個選項卡進行第三步同樣的操作，配置后的效果如下圖所示。
5、雙擊動態面板，在彈出的對話框中添加3種面板狀態，分別表示3個不同的選項切換時展示不同的內容，如下圖所示。
6、將3個選項卡加入到同一個組，這樣在選中的時候可以實現互斥的效果。選中第一個矩形框，在右側的屬性中找到“設置選項組名稱”，然后在下方我文本框中輸入一個名稱。同樣的對第二個和第三個矩形框進行操作。如下圖所示。
7、指定一個矩形框為默認選中狀態。選中要指定為默認選中狀態的矩形框，然后在右側屬性中找到如下截圖中標紅的“選中”后，將其前面的復選框選中。
8、添加鼠標單擊事件，當鼠標單擊是切換選中項，更新動態面板的內容。
9、為第二個矩形框和第三個矩形框進行第八步的設置動作，這時候預覽效果，就可以預覽選項卡控件了。
以上就是Axure RP中制作選項卡控件的教程，希望大家喜歡，請繼續關注錯新站長站。
相關推薦：
Axure8.0試用到期后怎么激活?
新聞熱點
疑難解答
圖片精選
