Axure怎么設(shè)計頁面標簽可以切換的登錄框?
我要評論Axure中想要設(shè)計兩個標簽中選擇相關(guān)的登錄方式，該怎么設(shè)計呢？登錄框的兩個標簽可以任意切換，未選中的標簽突出顯示。下面我們就來看看詳細的設(shè)計教程。
1、拖動一個動態(tài)面板Dynamic Panel到頁面編輯區(qū)域，設(shè)置大小為300*300。雙擊Dynamic Panel，或者右鍵選擇“Manage Panel States”，根據(jù)你的需要給動態(tài)面板添加標簽和狀態(tài)?，F(xiàn)在將動態(tài)面板命名為“會員登錄框”，添加“企業(yè)會員”和“個人會員”兩種狀態(tài)。
2、在Widget Manager里可以看到有兩個狀態(tài)，雙擊便可打開頁面編輯。
3、將矩形組件拖到企業(yè)會員的動態(tài)面板處，編輯組件內(nèi)容。如下圖
4、將矩形組件拖到個人會員的動態(tài)面板處，編輯組件內(nèi)容。如下圖
5、設(shè)計好兩個狀態(tài)的界面后，添加交互。以“企業(yè)會員”狀態(tài)為例，選中“企業(yè)會員”這幾個字的矩形組件，選擇“OnClick”（單擊時），在“Dynamic Panels”里選“Set Panel State”，勾選最右側(cè)的“會員登錄框”，下方可以選擇狀態(tài)“企業(yè)會員”。同理，設(shè)置“個人會員”組件的交互。
6、設(shè)置兩個標簽未被選中時的狀態(tài)。在“企業(yè)會員”狀態(tài)設(shè)置“個人會員”矩形組件的填充顏色，選擇漸變色則有突起的效果。在“個人會員”狀態(tài)設(shè)置“企業(yè)會員”矩形組件的填充顏色，和“個人會員”矩形組件顏色一致。最后生成原型查看效果，如下。
以上就是Axure登錄框設(shè)計兩個標簽的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
axure怎么給下拉框/列表框和元件文本添加內(nèi)容?
相關(guān)文章
Axure RP 8怎么設(shè)計立體的圓角矩形按鈕？Axure RP 8中想要設(shè)計一個查詢的圓角矩形按鈕，該怎么設(shè)計呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-11-02
axure怎么設(shè)計鼠標展開折疊效果？axure中想要繪制一個可以折疊展開功能的原型，該怎么設(shè)計呢？下面我們就來看看axure制作折疊效果的教程，需要的朋友可以參考下2017-11-01
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
axure怎么設(shè)計一個倒計時效果的模型？axure中設(shè)計網(wǎng)頁圓形很簡單，今天我們就來看看使用axure設(shè)置一個倒計時效果的教程，需要的朋友可以參考下2017-09-28
axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件?
axure網(wǎng)頁原型怎么預(yù)覽和生成原型文件？axure中設(shè)計好的文件原型想要預(yù)覽并生成，該怎么預(yù)覽呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-09-25
axure原型無法簽出怎么辦? axure不能簽出的解決辦法
axure原型無法簽出怎么辦、？axure中設(shè)計網(wǎng)頁原型很方便，設(shè)計完成以后發(fā)現(xiàn)無法簽出，該怎么辦呢？下面我們就來看看axure不能簽出的解決辦法，需要的朋友可以參考下2017-09-24
Axure怎么新建元件庫？想要把常用的組件制作一個元件，放到自己的元件庫中，該怎么操作呢？下面我們就來看看Axure元件庫的使用方法，需要的朋友可以參考下2017-09-13
axure中的單元格怎么合并？axure制作的網(wǎng)頁原型中插入了表格，想要將表格中的單元格合并呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2017-09-08
