Axure中想要設計兩個標簽中選擇相關的登錄方式，該怎么設計呢？登錄框的兩個標簽可以任意切換，未選中的標簽突出顯示。下面我們就來看看詳細的設計教程。

軟件名稱：快速產品原型設計工具 Axure RP Pro v7.0.0.3174 漢化綠色版軟件大小：8.97MB更新時間：2014-12-22

1、拖動一個動態面板Dynamic Panel到頁面編輯區域，設置大小為300*300。雙擊Dynamic Panel，或者右鍵選擇“Manage Panel States”，根據你的需要給動態面板添加標簽和狀態。現在將動態面板命名為“會員登錄框”，添加“企業會員”和“個人會員”兩種狀態。

2、在Widget Manager里可以看到有兩個狀態，雙擊便可打開頁面編輯。

3、將矩形組件拖到企業會員的動態面板處，編輯組件內容。如下圖

4、將矩形組件拖到個人會員的動態面板處，編輯組件內容。如下圖

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

6、設置兩個標簽未被選中時的狀態。在“企業會員”狀態設置“個人會員”矩形組件的填充顏色，選擇漸變色則有突起的效果。在“個人會員”狀態設置“企業會員”矩形組件的填充顏色，和“個人會員”矩形組件顏色一致。最后生成原型查看效果，如下。

以上就是Axure登錄框設計兩個標簽的教程，希望大家喜歡，請繼續關注錯新站長站。

相關推薦：

Axure RP 8輸入框中怎么顯示日期?

Axure RP 8怎么設置頁面彈出框居中顯示?

axure怎么給下拉框/列表框和元件文本添加內容?