Axure快速入门（07） -选项组例子

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

本文完！