Axure網(wǎng)頁(yè)怎么設(shè)置橫向標(biāo)簽頁(yè)效果?
我要評(píng)論Axure想要制作橫向標(biāo)簽頁(yè)效果，該怎么制作橫向標(biāo)簽頁(yè)呢？下面我們就來(lái)看看詳細(xì)的教程。
Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊(cè)機(jī)+漢化包+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>83.2MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2019-04-26
1、打開Axure，今天教大家使用Axure制作橫向標(biāo)簽頁(yè)效果，如下圖所示。
2、首先我們準(zhǔn)備本次要使用的元件，從元件庫(kù)中拖入到工作臺(tái)中，如下圖所示。
3、然后我們通過(guò)調(diào)整矩形的大小及樣式，制作出如下圖所示的效果，并對(duì)每一個(gè)按鈕進(jìn)行命名，如下圖所示。
4、然后我們?cè)谕ㄟ^(guò)動(dòng)態(tài)面板建立一個(gè)展示內(nèi)容的區(qū)域，并復(fù)制出三個(gè)State狀態(tài)，如下圖所示。
5、下面開始給每一個(gè)按鈕加一些交互效果，比如鼠標(biāo)懸停效果及選中效果等，如下圖所示。
6、最后我們?cè)俳o每一個(gè)按鈕加入交互事件，當(dāng)鼠標(biāo)單擊時(shí)，切換動(dòng)畫面板的狀態(tài)頁(yè)，如下圖所示。
7、最后我們F5預(yù)覽一下效果，點(diǎn)擊各個(gè)選項(xiàng)卡的按鈕，下面的顯示內(nèi)容會(huì)進(jìn)行變化，如下圖所示。
以上就是Axure設(shè)置橫向標(biāo)簽頁(yè)效果的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure怎么修改默認(rèn)的單選復(fù)選框按鈕樣式?
axure怎么添加滾動(dòng)條? axure水平垂直滾動(dòng)條的設(shè)置方法
相關(guān)文章
迅捷圖片格式轉(zhuǎn)換器如何壓縮圖片?圖片壓縮轉(zhuǎn)換的方法介紹
迅捷圖片格式轉(zhuǎn)換器是一款十分不錯(cuò)的圖片轉(zhuǎn)換以及圖片壓縮工具，軟件支持JPG、PNG、BMP、GIF等格式文件，本文中介紹的是使用這款軟件進(jìn)行圖片壓縮和格式轉(zhuǎn)換的方法，需要的2019-04-28
迅捷去水印是一款專業(yè)的的圖片去水印軟件，軟件支持圖片快速去水印，支持分段視頻去水印，可根據(jù)水印出現(xiàn)的時(shí)間來(lái)分段去除視頻水印。本文中將會(huì)介紹使用該軟件去除水印的詳2019-04-28
Axure網(wǎng)頁(yè)怎么制作動(dòng)態(tài)步驟條效果? Axure進(jìn)度條的制作方法
Axure怎么制作動(dòng)態(tài)步驟條效果？Axure中想要一個(gè)步驟條，該怎么制作動(dòng)態(tài)步驟條呢？下面我們就來(lái)可以使用Axure來(lái)制作，需要的朋友可以參考下2019-04-26
億圖圖示EDraw Max怎么創(chuàng)建心形絲帶?
億圖圖示EDraw Max怎么創(chuàng)建心形絲帶？?jī)|圖圖示中想要?jiǎng)?chuàng)建一條紅色的絲帶，該怎么創(chuàng)建嗯？下面我們就來(lái)看看心形絲帶的繪制方法，需要的朋友可以參考下2019-04-26
億圖圖示EDraw Max怎么創(chuàng)建蓮花圖形?
億圖圖示EDraw Max怎么創(chuàng)建蓮花圖形？?jī)|圖圖示中想要繪制一朵蓮花，該怎么繪制蓮花圖形呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-04-26
Axure RP如何創(chuàng)建全局和頁(yè)面輔助線?
大家在用Axure RP繪制原型圖時(shí)要養(yǎng)成一個(gè)習(xí)慣，記得用輔助線來(lái)排版頁(yè)面，頁(yè)面就會(huì)更美觀、更整齊。如果你是第一次接觸Axure RP軟件，對(duì)輔助線這個(gè)概念可能有些陌生，沒(méi)關(guān)系2019-04-26
UG怎么繪制愛(ài)心模型？ug中想要?jiǎng)?chuàng)建一個(gè)愛(ài)心模型，該怎么創(chuàng)建愛(ài)心呢？下面我們就來(lái)看看ug制作三維立體心形的教程，需要的朋友可以參考下2019-04-26
億圖圖示EDraw Max怎么創(chuàng)建列表樣式?
億圖圖示EDraw Max怎么創(chuàng)建列表樣式？?jī)|圖圖示EDraw Max中想要?jiǎng)?chuàng)建一個(gè)列表，該怎么創(chuàng)建列表呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-04-25
億圖圖示EDraw Max怎么創(chuàng)建各種雪花圖?
億圖圖示EDraw Max怎么創(chuàng)建各種雪花圖？?jī)|圖圖示繪制圖紙的時(shí)候，想要插入雪花圖形，該怎么插入各種樣式的雪花呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-04-25
圖片工廠怎么去除圖片上的文字 去除文字的方法說(shuō)明
圖片工廠是一款多功能的圖片處理軟件，軟件內(nèi)置強(qiáng)大的圖片編輯功能，很多用戶在使用過(guò)程中，不知道怎么去掉圖片上的文字，接下來(lái)，小編就為大家介紹一下2019-04-30
