Axure怎么創(chuàng)建頁(yè)面常見的Tab頁(yè)效果?

Axure是一款原型界面制作軟件,想要制作Tab頁(yè)效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程。

原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型:輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-05-24
1、打開Axure 創(chuàng)建一個(gè)空白頁(yè)面
2、加入一個(gè)矩形,設(shè)置好填充顏色,設(shè)置好選中屬性
3、復(fù)制兩個(gè)相同的矩形,作為三個(gè)Tab按鈕,輸入選項(xiàng)組名稱 Tab
4、在三個(gè)按鈕下方再加入一個(gè)矩形,點(diǎn)擊右鍵,轉(zhuǎn)換為動(dòng)態(tài)面板
5、將動(dòng)態(tài)面板 狀態(tài)上點(diǎn)擊右鍵 復(fù)制狀態(tài),復(fù)制完成后有三個(gè)狀態(tài),分別對(duì)應(yīng)三個(gè)Tab
6、分別雙擊三個(gè)狀態(tài),將頁(yè)面內(nèi)容分別設(shè)置為 狀態(tài)一、狀態(tài)二、狀態(tài)三
7、對(duì)三個(gè)狀態(tài)分別設(shè)置交互,鼠標(biāo)單擊時(shí),Tab頁(yè) 設(shè)置為選中,面板狀態(tài) 設(shè)置為對(duì)應(yīng)狀態(tài)
8、點(diǎn)擊 預(yù)覽按鈕 查看效果,分別點(diǎn)擊三個(gè)Tab頁(yè),可以看到 矩形框內(nèi)容隨之變化
以上就是Axure中Tab頁(yè)效果的制作方法,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
axure8怎么給網(wǎng)頁(yè)制作Tabpage頁(yè)效果?
Axure RP Pro 7.0怎么制作Tab標(biāo)簽效果?
相關(guān)文章
- axure怎么制作餅圖效果?axure中想要制作一個(gè)餅形圖,該怎么制作餅形圖呢?下面我們就來(lái)看看axure餅圖制作方法,需要的朋友可以參考下2020-02-07
- Axure怎么制作帶有提示文字的文本框?Axure制作頁(yè)面的時(shí)候,想要實(shí)現(xiàn)輸入文本框內(nèi)的提示文字,該怎么操作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2020-02-04
axure怎么插入視頻? axure頁(yè)面添加視頻的教程
axure怎么插入視頻?axure在制作網(wǎng)頁(yè)原型的時(shí)候,想要給頁(yè)面添加視頻,該怎么插入視頻呢?下面我們就來(lái)看看axure頁(yè)面添加視頻的教程,需要的朋友可以參考下2020-02-03Axure怎么制作評(píng)分效果? Axure評(píng)星系統(tǒng)的制作方法
Axure怎么制作評(píng)分效果?Axure中想要制作一個(gè)評(píng)分系統(tǒng)效果,該怎么制作評(píng)分效果呢?下面我們就來(lái)看看Axure評(píng)星系統(tǒng)的制作方法,需要的朋友可以參考下2020-02-02- axure抽屜菜單效果怎么制作?很多頁(yè)面都能見到導(dǎo)航菜單,想要制作一個(gè)抽屜效果的菜單,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2020-02-01
axure怎么制作彈窗效果? axure圖片彈出效果的制作方法
axure怎么制作彈窗效果? axure中想要實(shí)現(xiàn)彈出圖片的效果,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看axure圖片彈出效果的制作方法,需要的朋友可以參考下2020-01-31axure怎么顯示當(dāng)時(shí)時(shí)間? axure顯示實(shí)時(shí)時(shí)間的技巧
axure怎么顯示當(dāng)時(shí)時(shí)間?axure制作的頁(yè)面想要顯示實(shí)時(shí)時(shí)間,該怎么顯示呢?下面我們就來(lái)看看axure顯示實(shí)時(shí)時(shí)間的技,,需要的朋友可以參考下2020-01-31axure怎么生成分享鏈接? axure發(fā)布分享的教程
axure怎么生成分享鏈接?axure制作的模型想要分享,該怎么生成分享鏈接呢?下面我們就來(lái)看看axure發(fā)布分享的教程,需要的朋友可以參考下2019-12-23- axure怎么制作計(jì)時(shí)間選擇器效果?axure中想要制作一個(gè)自定義選擇時(shí)間,該怎么制作時(shí)間選擇器呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-12-20
Axure網(wǎng)頁(yè)怎么制作標(biāo)簽頁(yè)? Axure標(biāo)簽頁(yè)設(shè)計(jì)方法
Axure網(wǎng)頁(yè)怎么制作標(biāo)簽頁(yè)?網(wǎng)頁(yè)中標(biāo)簽頁(yè)很常見,想要設(shè)計(jì)標(biāo)簽頁(yè),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看Axure標(biāo)簽頁(yè)設(shè)計(jì)方法,需要的朋友可以參考下2019-12-20