Axure RP工具中的既有元件庫中沒有現(xiàn)成的選項卡控件，該怎么自己制作選項卡控件呢？下面我們就來看看詳細(xì)的教程。

1、先正常打開Axure RP工具，然后新建一個空白頁面。

2、本經(jīng)驗(yàn)以“我的任務(wù)”為例進(jìn)行說明，在“我的任務(wù)”功能模塊設(shè)計中一般包含“待辦任務(wù)”，“完成任務(wù)”和“我發(fā)起的任務(wù)”三個選項，所以先拖拽3個矩形框到空白頁面中，再加入一個動態(tài)面板，如下所示。

3、當(dāng)選中某個選項的時候，設(shè)置不同的背景色。先選中第一個選擇框，在右側(cè)的屬性對話框中，找到“交互樣式設(shè)置”，如下圖1所示，單擊“選中”，在彈出的對話框中設(shè)置填充顏色，如下圖2所示。

4、針對第二個選項卡和第三個選項卡進(jìn)行第三步同樣的操作，配置后的效果如下圖所示。

5、雙擊動態(tài)面板，在彈出的對話框中添加3種面板狀態(tài)，分別表示3個不同的選項切換時展示不同的內(nèi)容，如下圖所示。

6、將3個選項卡加入到同一個組，這樣在選中的時候可以實(shí)現(xiàn)互斥的效果。選中第一個矩形框，在右側(cè)的屬性中找到“設(shè)置選項組名稱”，然后在下方我文本框中輸入一個名稱。同樣的對第二個和第三個矩形框進(jìn)行操作。如下圖所示。

7、指定一個矩形框?yàn)槟J(rèn)選中狀態(tài)。選中要指定為默認(rèn)選中狀態(tài)的矩形框，然后在右側(cè)屬性中找到如下截圖中標(biāo)紅的“選中”后，將其前面的復(fù)選框選中。

8、添加鼠標(biāo)單擊事件，當(dāng)鼠標(biāo)單擊是切換選中項，更新動態(tài)面板的內(nèi)容。

9、為第二個矩形框和第三個矩形框進(jìn)行第八步的設(shè)置動作，這時候預(yù)覽效果，就可以預(yù)覽選項卡控件了。

以上就是Axure RP中制作選項卡控件的教程，希望大家喜歡，請繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Axure8.0試用到期后怎么激活?

Axure RP兩份文件怎么合并成一份?

Axure RP 8怎么設(shè)計出自適應(yīng)頁面的元件?