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母版减少重复操作》
- 《Axure快速入门（06） -动态面板例子》
在动态面板的例子中，我们日常的需求是点击账号密码/手机号其中的一个tab，样式会改变，如果一个一个按钮去设置点击后，样式改变，其它也跟着修改，操作是很麻烦的，为了解决这个问题，Axure提供了选项组（Selection Group）的如 解决方案，本文来继续以登录案例讲解。
2. 选项组例子
2.1 步骤一：定义选项组
| 1.选中所有要设置的按钮 | 2.右键，设置为选项组 | 3.命名为登录选项组 |
 |
 |
 |
2.2 步骤二：添加选中样式
| 添加样式 | 添加选中样式 | 设置选中样式 | 默认选中 |
 |
 |
 |
 |
2.3 步骤三：关联事件动作
| 点击账号密码登录按钮 | 添加“选中动作” | 添加“目标” |
 |
 |
 |
选择“手机号”按钮，跟“账号密码”一样的操作（如果多个按钮，每个按钮都要这样设置），如下：
| 点击账号密码登录按钮 | 添加“选中动作” | 添加“目标” |
 |
 |
 |
2.4 步骤四：预览效果
| 点击账号密码tab | 点击手机号tab |
 |
 |
本文完！
