axure8怎么給網(wǎng)頁(yè)制作Tabpage頁(yè)效果?
我要評(píng)論我們經(jīng)常能在網(wǎng)頁(yè)中看到Tabpage頁(yè)，這是很長(zhǎng)用的常用組件，下面我們就來看看使用axure制作的方法。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大小：90.5MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、新建工程，在元件庫(kù)中找：矩形元件,拖放到工作區(qū)。然后按照下圖所示，按照順序?qū)υM(jìn)行：變形，旋轉(zhuǎn)：
2、設(shè)置元件大小，并在選中元件后右鍵，將元件轉(zhuǎn)換為動(dòng)態(tài)面板：詳細(xì)見下圖
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ù)覽效果：
以上就是zxure標(biāo)簽頁(yè)效果的制作方法，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
相關(guān)文章
Axure RP8怎么設(shè)計(jì)倒計(jì)時(shí)獲取短信驗(yàn)證碼效果?
Axure RP8怎么設(shè)計(jì)倒計(jì)時(shí)獲取短信驗(yàn)證碼效果？經(jīng)常能見到帶有短信驗(yàn)證的網(wǎng)頁(yè)，該怎么設(shè)計(jì)出這個(gè)交互效果呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-08-25
Axure RP怎么給網(wǎng)頁(yè)添加滾動(dòng)字幕?
Axure RP怎么給網(wǎng)頁(yè)添加滾動(dòng)字幕？看到很多網(wǎng)頁(yè)有滾動(dòng)字幕，想要在Axure RP中制作滾動(dòng)字幕效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-08-15
Axure RP怎么設(shè)計(jì)一款導(dǎo)航菜單?
Axure RP怎么設(shè)計(jì)一款導(dǎo)航菜單？Axure RP中設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要設(shè)計(jì)一款導(dǎo)航菜單，該怎么設(shè)計(jì)恩？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-08-11
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?
axure怎么給下拉框/列表框和元件文本添加內(nèi)容？axure中有很多元件，今天我們就來看看給下拉框/列表框和元件文本添加內(nèi)容的方法，需要的朋友可以參考下2017-07-25
Axure怎么繪制一幅生產(chǎn)產(chǎn)品圖？Axure中想要設(shè)計(jì)一個(gè)生產(chǎn)產(chǎn)品圖，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-07-25
Axure有哪些元件？Axure中有很多元件在制作網(wǎng)頁(yè)原型的時(shí)候需要使用，今天我們就來簡(jiǎn)單的介紹Axure元件的使用方法，需要的朋友可以參考下2017-07-21
Axure RP 8怎么給網(wǎng)頁(yè)添加多選列表框?
Axure RP 8怎么給網(wǎng)頁(yè)添加多選列表框？Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候需要添加多選列表框，該怎么添加呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-19
Axure RP 8怎么設(shè)置頁(yè)面彈出框居中顯示?
Axure RP 8怎么設(shè)置頁(yè)面彈出框居中顯示？Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要合設(shè)計(jì)一個(gè)居中顯示的彈框，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-13
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果?
Axure RP復(fù)選框怎么實(shí)現(xiàn)單選效果？Axure使用復(fù)選框的時(shí)候，但是卻只想實(shí)現(xiàn)單選效果，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-07-06- Axure RP打開后鼠標(biāo)不能使用該怎么辦？在使用Axure RP的時(shí)候，發(fā)現(xiàn)打開以后鼠標(biāo)無法使用，不能動(dòng)了，該怎么辦呢？下面我們就來看看這個(gè)問題的解決辦法，需要的朋友可以參考2017-07-05
