我們經(jīng)常能在網(wǎng)頁中看到Tabpage頁，這是很長用的常用組件，下面我們就來看看使用axure制作的方法。

軟件名稱：原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)軟件大小：90.5MB更新時(shí)間：2018-05-24

1、新建工程，在元件庫中找：矩形元件,拖放到工作區(qū)。然后按照下圖所示，按照順序?qū)υM(jìn)行：變形，旋轉(zhuǎn)：

2、設(shè)置元件大小，并在選中元件后右鍵，將元件轉(zhuǎn)換為動態(tài)面板：詳細(xì)見下圖

3、按照圖示，對元件進(jìn)行命名，狀態(tài)命名操作，名稱分別為 tab1、選中

4、進(jìn)入選中狀態(tài)后，添加一個(gè)文本，設(shè)置為：tab1,然后選中狀態(tài)，右鍵進(jìn)行“復(fù)制狀態(tài)”操作：

5、復(fù)制狀態(tài)后，對選中狀態(tài)進(jìn)行文字、背景的設(shè)置，如下圖

6、復(fù)制三個(gè)“tab1”元件，并分別改變文字為：tab1/tab2/tab3，并命名，且將tab2/tab3的選中狀態(tài)置后：

7、再添加一個(gè)動態(tài)面板，置于選項(xiàng)卡的下方，在狀態(tài)1中添加一個(gè)圖像元件，并添加圖像。元件命名為：tabpage,然后復(fù)制狀態(tài)兩份，總計(jì)三份：

8、點(diǎn)擊選項(xiàng)卡1，在屬性中添加：鼠標(biāo)單擊時(shí)，交互事件：

9、根據(jù)圖示，設(shè)置tab1/tab2/tab3的交互事件，添加思路：點(diǎn)擊tab1設(shè)置 tab1狀態(tài)為選中，其他為非選中，設(shè)置tabpage為頁面1，依次類推，進(jìn)行設(shè)置：

10、預(yù)覽效果：

以上就是zxure標(biāo)簽頁效果的制作方法，請繼續(xù)關(guān)注錯(cuò)新站長站。

相關(guān)推薦：

axure8怎么制作tab菜單選中的效果?

Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?

Axure8怎么制作彩色個(gè)性化的按鈕?