1. 前言
本文的登录案例源文件已上传到Github，有兴趣的同学可以下载来看看： https://github.com/ylw-github/Axure-Demo
前面写过Axure相关的文章，有兴趣的同学可以参阅：
- 《Mac 下Axure RP9下载与安装》
- 《Axure快速入门教程》
- 《Axure快速入门（01） - 面板介绍》
- 《Axure快速入门（02） - 入门例子（登录案例）》
- 《Axure快速入门（03） - 丰富的元件库》
- 《Axure快速入门（04） - 元件位置调整》
- 《Axure快速入门（05） - Master母版减少重复操作》
在很多时候，我们在一个页面里，点击tab会在页面内切换不同的页面，如下图的的登录页，点击"账号密码"或者"手机号"的tab，红框里面的内容会跟着改变：
那么如何做到不跳转的情况下，页面内容自动切换呢？这里可以用到动态面板，下面来讲解。
2. 登录案例
首先拖入“动态面板控件”：
双击动态面板：
添加状态State2：
State1位账号密码页面，State2位手机号页面，编辑界面后，如下：
| State1 | State2 |
 |
 |
接下来对按钮添加事件，比如对“账号密码”案件添加单机事件，选择设置面板状态：
选择STATE为State1：
点击手机号按钮，同样的操作，STATE为State2：
演示：
| 点击账号密码 | 点击手机号 |
 |
 |
可以看到动态面板改变了，本文完！
