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

Axure RP怎么制作選項卡控件?

  發(fā)布時間:2017-12-21 10:35:23   作者:hbyostc11   我要評論
Axure RP怎么制作選項卡控件?網(wǎng)頁需要選項卡控件,但是Axure RP中沒有選項卡控件,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下

Axure RP工具中的既有元件庫中沒有現(xiàn)成的選項卡控件,該怎么自己制作選項卡控件呢?下面我們就來看看詳細的教程。

1、先正常打開Axure RP工具,然后新建一個空白頁面。

2、本經(jīng)驗以“我的任務(wù)”為例進行說明,在“我的任務(wù)”功能模塊設(shè)計中一般包含“待辦任務(wù)”,“完成任務(wù)”和“我發(fā)起的任務(wù)”三個選項,所以先拖拽3個矩形框到空白頁面中,再加入一個動態(tài)面板,如下所示。

3、當選中某個選項的時候,設(shè)置不同的背景色。先選中第一個選擇框,在右側(cè)的屬性對話框中,找到“交互樣式設(shè)置”,如下圖1所示,單擊“選中”,在彈出的對話框中設(shè)置填充顏色,如下圖2所示。

4、針對第二個選項卡和第三個選項卡進行第三步同樣的操作,配置后的效果如下圖所示。

5、雙擊動態(tài)面板,在彈出的對話框中添加3種面板狀態(tài),分別表示3個不同的選項切換時展示不同的內(nèi)容,如下圖所示。

6、將3個選項卡加入到同一個組,這樣在選中的時候可以實現(xiàn)互斥的效果。選中第一個矩形框,在右側(cè)的屬性中找到“設(shè)置選項組名稱”,然后在下方我文本框中輸入一個名稱。同樣的對第二個和第三個矩形框進行操作。如下圖所示。

7、指定一個矩形框為默認選中狀態(tài)。選中要指定為默認選中狀態(tài)的矩形框,然后在右側(cè)屬性中找到如下截圖中標紅的“選中”后,將其前面的復(fù)選框選中。

8、添加鼠標單擊事件,當鼠標單擊是切換選中項,更新動態(tài)面板的內(nèi)容。

9、為第二個矩形框和第三個矩形框進行第八步的設(shè)置動作,這時候預(yù)覽效果,就可以預(yù)覽選項卡控件了。

以上就是Axure RP中制作選項卡控件的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Axure8.0試用到期后怎么激活?

Axure RP兩份文件怎么合并成一份?

Axure RP 8怎么設(shè)計出自適應(yīng)頁面的元件?

相關(guān)文章

  • Axure rp怎么設(shè)計微信的交互界面?

    Axure rp怎么設(shè)計微信的交互界面?Axure中想要設(shè)計一個網(wǎng)頁交互的效果,該怎么制作呢?下面我們就來看看Axure設(shè)計微信交互界面的教程,需要的朋友可以參考下
    2017-12-17
  • axure頁面載入時自動選中按鈕該怎么實現(xiàn)?

    axure頁面載入時自動選中按鈕該怎么實現(xiàn)?axure中使用母版的時候想要實現(xiàn)單個頁面按鈕的添加選中狀態(tài),我們可以使用函數(shù)來實現(xiàn),下面我們就來看看詳細的教程,需要的朋友可
    2017-12-05
  • Axure母版怎么使用? Axure母版功能詳細介紹

    Axure母版怎么使用?Axure一般都會創(chuàng)建母版,但是母版有什么功能,該怎么使用呢?下面我們就來看看Axure母版功能詳細介紹,需要的朋友可以參考下
    2017-11-30
  • Axure文本輸入框怎么去掉邊框? Axure隱藏輸入框邊框的教程

    Axure文本輸入框怎么去掉邊框?Axure設(shè)計網(wǎng)頁原型的時候,插入了文本輸入框,但是有邊框,想要去掉邊框,該怎么操作呢?下面我們就來看看Axure隱藏輸入框邊框的教程,需要
    2017-11-17
  • Axure怎么設(shè)計頁面標簽可以切換的登錄框?

    Axure怎么設(shè)計頁面標簽可以切換的登錄框?Axure中在設(shè)計登陸框的時候,想要設(shè)計企業(yè)會員和個人會員兩個登陸頁面,可以使用標簽切換,該怎么設(shè)計呢?下面我們就來看看詳細的
    2017-11-08
  • Axure RP 8怎么設(shè)計立體的圓角矩形按鈕?

    Axure RP 8怎么設(shè)計立體的圓角矩形按鈕?Axure RP 8中想要設(shè)計一個查詢的圓角矩形按鈕,該怎么設(shè)計呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-11-02
  • axure怎么設(shè)計鼠標展開折疊效果?

    axure怎么設(shè)計鼠標展開折疊效果?axure中想要繪制一個可以折疊展開功能的原型,該怎么設(shè)計呢?下面我們就來看看axure制作折疊效果的教程,需要的朋友可以參考下
    2017-11-01
  • Axure怎么給圖片增加點擊事件?

    Axure怎么給圖片增加點擊事件?Axure中想要給圖片添加鼠標單擊事件,如果鼠標單擊圖片返回主頁,該怎么實現(xiàn)這個效果呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2017-11-01
  • axure怎么調(diào)整字間距? axure字間距的設(shè)置方法

    axure怎么調(diào)整字間距?axure中想要調(diào)節(jié)文字的行間距,該怎么調(diào)節(jié)呢?下面我們就來看看axure字間距的設(shè)置方法,需要的朋友可以參考下
    2017-09-30
  • axure團隊項目怎么獲取? axure獲取并打開團隊項目的方法

    axure團隊項目怎么獲???axure做項目的時候,想要獲取團隊項目,該怎么獲取呢?下面我們就來看看axure獲取并打開團隊項目的方法,需要的朋友可以參考下
    2017-09-28

最新評論