Axure怎么设计页面标签可以切换的登录框?

Axure中想要设计两个标签中选择相关的登录方式，该怎么设计呢？登录框的两个标签可以任意切换，未选中的标签突出显示。下面我们就来看看详细的设计教程。

1、拖动一个动态面板Dynamic Panel到页面编辑区域，设置大小为300*300。双击Dynamic Panel，或者右键选择Manage Panel States，根据你的需要给动态面板添加标签和状态。现在将动态面板命名为会员登录框，添加企业会员和个人会员两种状态。

2、在Widget Manager里可以看到有两个状态，双击便可打开页面编辑。

3、将矩形组件拖到企业会员的动态面板处，编辑组件内容。如下图

4、将矩形组件拖到个人会员的动态面板处，编辑组件内容。如下图

5、设计好两个状态的界面后，添加交互。以企业会员状态为例，选中企业会员这几个字的矩形组件，选择OnClick（单击时），在Dynamic Panels里选Set Panel State，勾选最右侧的会员登录框，下方可以选择状态企业会员。同理，设置个人会员组件的交互。

6、设置两个标签未被选中时的状态。在企业会员状态设置个人会员矩形组件的填充颜色，选择渐变色则有突起的效果。在个人会员状态设置企业会员矩形组件的填充颜色，和个人会员矩形组件颜色一致。最后生成原型查看效果，如下。