想為網(wǎng)頁(yè)制作出Tabpage頁(yè)效果，我們可以使用axure8，在此教程中就為大伙帶來(lái)了使用axure8為網(wǎng)頁(yè)制作出Tabpage頁(yè)效果的具體操作流程介紹。

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

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

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

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

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

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

7、再添加一個(gè)動(dòng)態(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為頁(yè)面1，依次類推，進(jìn)行設(shè)置：

10、預(yù)覽效果：