Axure怎么設(shè)計(jì)頁面標(biāo)簽可以切換的登錄框?

發(fā)布時(shí)間：2017-11-08 16:08:36 作者：佚名

Axure怎么設(shè)計(jì)頁面標(biāo)簽可以切換的登錄框？Axure中在設(shè)計(jì)登陸框的時(shí)候，想要設(shè)計(jì)企業(yè)會(huì)員和個(gè)人會(huì)員兩個(gè)登陸頁面，可以使用標(biāo)簽切換，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下

Axure中想要設(shè)計(jì)兩個(gè)標(biāo)簽中選擇相關(guān)的登錄方式，該怎么設(shè)計(jì)呢？登錄框的兩個(gè)標(biāo)簽可以任意切換，未選中的標(biāo)簽突出顯示。下面我們就來看看詳細(xì)的設(shè)計(jì)教程。

快速產(chǎn)品原型設(shè)計(jì)工具 Axure RP Pro v7.0.0.3174 漢化綠色版

類型：應(yīng)用其它
大?。?/span>8.97MB
語言：簡體中文
時(shí)間：2014-12-22

查看詳情

1、拖動(dòng)一個(gè)動(dòng)態(tài)面板Dynamic Panel到頁面編輯區(qū)域，設(shè)置大小為300*300。雙擊Dynamic Panel，或者右鍵選擇“Manage Panel States”，根據(jù)你的需要給動(dòng)態(tài)面板添加標(biāo)簽和狀態(tài)?，F(xiàn)在將動(dòng)態(tài)面板命名為“會(huì)員登錄框”，添加“企業(yè)會(huì)員”和“個(gè)人會(huì)員”兩種狀態(tài)。

2、在Widget Manager里可以看到有兩個(gè)狀態(tài)，雙擊便可打開頁面編輯。

3、將矩形組件拖到企業(yè)會(huì)員的動(dòng)態(tài)面板處，編輯組件內(nèi)容。如下圖

4、將矩形組件拖到個(gè)人會(huì)員的動(dòng)態(tài)面板處，編輯組件內(nèi)容。如下圖

5、設(shè)計(jì)好兩個(gè)狀態(tài)的界面后，添加交互。以“企業(yè)會(huì)員”狀態(tài)為例，選中“企業(yè)會(huì)員”這幾個(gè)字的矩形組件，選擇“OnClick”（單擊時(shí)），在“Dynamic Panels”里選“Set Panel State”，勾選最右側(cè)的“會(huì)員登錄框”，下方可以選擇狀態(tài)“企業(yè)會(huì)員”。同理，設(shè)置“個(gè)人會(huì)員”組件的交互。

6、設(shè)置兩個(gè)標(biāo)簽未被選中時(shí)的狀態(tài)。在“企業(yè)會(huì)員”狀態(tài)設(shè)置“個(gè)人會(huì)員”矩形組件的填充顏色，選擇漸變色則有突起的效果。在“個(gè)人會(huì)員”狀態(tài)設(shè)置“企業(yè)會(huì)員”矩形組件的填充顏色，和“個(gè)人會(huì)員”矩形組件顏色一致。最后生成原型查看效果，如下。