欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Axure網(wǎng)頁怎么制作標(biāo)簽頁? Axure標(biāo)簽頁設(shè)計(jì)方法

百度經(jīng)驗(yàn)   發(fā)布時(shí)間:2019-12-20 09:42:57   作者:shl020213   我要評論
Axure網(wǎng)頁怎么制作標(biāo)簽頁?網(wǎng)頁中標(biāo)簽頁很常見,想要設(shè)計(jì)標(biāo)簽頁,該怎么設(shè)計(jì)呢?下面我們就來看看Axure標(biāo)簽頁設(shè)計(jì)方法,需要的朋友可以參考下

在設(shè)計(jì)移動(dòng)或后臺難免遇到需要設(shè)計(jì)類似于如下圖分隔內(nèi)容上有關(guān)聯(lián)但屬于不同類別的數(shù)據(jù)集合,及tag標(biāo)簽頁,這里的設(shè)計(jì)一般是利用動(dòng)態(tài)面板,今天我們就來看看axure制作標(biāo)簽頁的教程。

1、以三個(gè)標(biāo)簽為例,拖動(dòng)三個(gè)矩形框作為標(biāo)簽1、標(biāo)簽2、標(biāo)簽3。設(shè)置懸停效果字體為淺藍(lán)色,選中效果為字體為淺藍(lán)色,線段為淺藍(lán)色

2、接著拖動(dòng)一個(gè)矩形作為標(biāo)簽1要放置的內(nèi)容承載,這里舉例直接寫標(biāo)簽1了。

3、接著將其轉(zhuǎn)換成動(dòng)態(tài)面板

4、雙擊動(dòng)態(tài)面板,將狀態(tài)1改為標(biāo)簽1,新增標(biāo)簽2、標(biāo)簽3

5、分別進(jìn)入標(biāo)簽2、標(biāo)簽3的狀態(tài),為其狀態(tài)設(shè)計(jì)要顯示的東西,這里舉例為標(biāo)簽2、標(biāo)簽3如圖

6、退出動(dòng)態(tài)面板并將動(dòng)態(tài)面板設(shè)置為隱藏

7、設(shè)置交互事件,以標(biāo)簽1為例,單擊時(shí)顯示動(dòng)態(tài)面板,狀態(tài)為標(biāo)簽1,矩形為選中狀態(tài),標(biāo)簽2、標(biāo)簽3同理,單擊時(shí)顯示動(dòng)態(tài)面板,狀態(tài)為對應(yīng)狀態(tài),對應(yīng)矩形為選中狀態(tài)

8、點(diǎn)擊預(yù)覽,標(biāo)簽頁的選擇效果出來了,但是出現(xiàn)了選中時(shí),其他標(biāo)簽沒變?yōu)椴贿x中狀態(tài),所以還需利用選項(xiàng)組功能

9、將標(biāo)簽1、標(biāo)簽2、標(biāo)簽3全部選擇,右鍵選擇選項(xiàng)組

10、然后新建選項(xiàng)組,命名后點(diǎn)擊確定

11、此時(shí)再點(diǎn)擊預(yù)覽,就不會出現(xiàn)選中多個(gè)的情況了

以上就是axure制作標(biāo)簽頁的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Axure網(wǎng)頁怎么設(shè)置橫向標(biāo)簽頁效果?

axure怎么制作頁面標(biāo)簽切換的效果?

Axure怎么制作點(diǎn)擊即可刪除Tag標(biāo)簽動(dòng)效?

相關(guān)文章

  • Axure8.0母版怎么應(yīng)用在頁面上? Axure母版的使用方法

    Axure8.0母版怎么應(yīng)用在頁面上?Axure中設(shè)計(jì)頁面的時(shí)候,想要直接手要你管母版,該怎么使用呢?下面我們就來看看Axure母版的使用方法,需要的朋友可以參考下
    2018-03-29
  • axure怎么使用Icons圖標(biāo)組件設(shè)計(jì)UI?

    axure怎么使用Icons圖標(biāo)組件設(shè)計(jì)UI?axure中自帶了很多圖標(biāo)組件,該怎么直接調(diào)用這些組件圖標(biāo)設(shè)計(jì)ui呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2018-03-27
  • axure怎么設(shè)計(jì)手機(jī)屏幕的滾動(dòng)條原型?

    axure怎么設(shè)計(jì)手機(jī)屏幕的滾動(dòng)條原型?手機(jī)中經(jīng)常能見到滾動(dòng)條,該怎么制作滾動(dòng)條效果呢?下面我們就來看看axure滾動(dòng)條的制作方法,需要的朋友可以參考下
    2018-03-27
  • axure怎么設(shè)計(jì)手機(jī)app的側(cè)邊欄原型?

    axure怎么設(shè)計(jì)手機(jī)app的側(cè)邊欄原型?axure中想要設(shè)計(jì)原型很簡單,手機(jī)app的側(cè)邊欄我們經(jīng)常見,想要設(shè)計(jì)這個(gè)原型,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可
    2018-03-27
  • axure怎么設(shè)計(jì)由流程組件組成的UI?

    axure怎么設(shè)計(jì)由流程組件組成的UI?axure中有很多組件,想要調(diào)用流程組件設(shè)計(jì)ui,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2018-03-26
  • Axure RP 8怎么設(shè)計(jì)有漂亮圖標(biāo)的樹狀菜單?

    Axure RP 8怎么設(shè)計(jì)有漂亮圖標(biāo)的樹狀菜單?Axure中設(shè)計(jì)的樹狀菜單為了更美觀,想要添加漂亮的圖標(biāo),該怎么添加呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2018-03-19
  • Axure動(dòng)態(tài)面板怎么制作三級菜單?

    Axure動(dòng)態(tài)面板怎么制作三級菜單?Axure想要設(shè)計(jì)一個(gè)網(wǎng)頁的三級菜單,該怎么設(shè)計(jì)呢?我們可以使用動(dòng)態(tài)面板實(shí)現(xiàn),下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下
    2018-03-08
  • AXURE RP 8怎么設(shè)置下拉菜單? AXURE下拉菜單的制作方法

    AXURE RP 8怎么設(shè)置下拉菜單?AXURE RP 8中設(shè)計(jì)網(wǎng)頁原型的時(shí)候,想要制作一個(gè)下拉菜單,該怎么制作呢?下面我們就來看看AXURE下拉菜單的制作方法,需要的朋友可以參考下
    2018-03-05
  • Axure RP控制列表框怎么設(shè)置默認(rèn)顯示選中值?

    Axure RP控制列表框怎么設(shè)置默認(rèn)顯示選中值?Axure中制作了列表框,列表框中添加了數(shù)據(jù),想要默認(rèn)顯示選中數(shù)據(jù),該怎么實(shí)現(xiàn)呢?下面我們就來看看詳細(xì)的教程,需要的朋友可
    2018-02-24
  • Axure怎么設(shè)計(jì)基礎(chǔ)信息的頁面?

    Axure怎么設(shè)計(jì)基礎(chǔ)信息的頁面?Axure中想要設(shè)計(jì)一款用戶信息的頁面,該怎么設(shè)計(jì)呢?下面我們就來看看Axure頁面的詳細(xì)設(shè)計(jì)方法,需要的朋友可以參考下
    2018-02-08

最新評論