大家好，今天我们来学习掌握复选框和单选框的交互效果。
复选框针对的是多选题，每一个选项的选中状态都是各自独立互不影响，即是否勾选第一个选项，对勾选第二个选项的结果没有任何影响；
单选框针对的是单选题，在所有的选项中，只能同时有一个选项可以是选中状态，即如果选中第一个选项后，又将第二个选项设为选中，则第一个选项将自动变为未选中状态；
功能点：1)原件选中状态设置
2)选项组设置
一 复选框
效果：勾选需要选择的选项后，复选框显示为选中状态，选项的文字背景色改为蓝色；再次勾选则恢复黑色；需要支持多个选项同时选中；
1)页面准备：拉入文本标签，录入问题及选项的文字，拉入复选框，放置在各个选项的前方，作为选择控件；(各个复选框及选项，需要各自命名以作区分，我这边是把第一个复选框和北京的选项都命名为“beijing”，其他的类似)
2)选项的选中状态设置，以“北京”为例；选择“北京”的选项，点击“选中”，会打开“交互样式设置”，可设置选中时的显示样式，将字体颜色设为蓝色；
剩余其他选项做相同的操作；
3)复选框的交互设置，以“北京”为例；选择“北京”选项前的复选框，添加用例“选中时”；添加动作“选中”，将矩形“beijing”的状态设置为true；(实现交互，勾选复选框后，对应的选项自动变更为选中状态)
“北京”选项前的复选框，再添加用例“未选中时”；添加动作“取消选中”，将矩形“beijing”的状态设置为false；(实现交互，取消勾选复选框后，对应的选项自动变更为未选中状态)
剩余其他复选框做相同的操作；
二 单选框
效果：勾选需要选择的选项后，单选框显示为选中状态，选项的文字背景色改为蓝色；同时只支持1个单选为选中状态，勾选了一个选中状态时，其他单选框自动变为未选中状态；
1)页面准备：拉入文本标签，录入问题及选项的文字，拉入单选框，放置在各个选项的前方，作为选择控件；(各个单选框及选项，需要各自命名以作区分，我这边是把第一个单选框和20岁以下的选项都命名为“20”，其他的类似)
2)选项的选中状态设置，以“20岁以下”为例；选择“20岁以下”的选项，点击“选中”，会打开“交互样式设置”，可设置选中时的显示样式，将字体颜色设为蓝色；(同复选框的操作步骤)
剩余其他选项做相同的操作；
3)单选框的交互设置，以“20岁以下”为例；选择“20岁以下”选项前的单选框，添加用例“选中时”；添加动作“选中”，将矩形“20”的状态设置为true，将其他单选框“30”“40”“60”“100”设置为“false”(实现交互，勾选单选框后，对应的选项自动变更为选中状态，其他单选框需要变为未选中状态)
剩余其他单选框做相同的操作；
4)第三步的优化操作，我们发现当选项很多时，我们每一次改变一个单选框的选中状态时，需要对每一个选项的状态都做一次调整，如果选项有20个，我们在做交互设置时，就要做20*20次的原件选中状态的操作，过于繁琐，所以我们可以用一个简便的方法---选项组；
将之前的单选框清空交互动作；
选中所有的单选框，在右侧属性中，在“选项组”中，录入这个选项组的名称“age”，这样我们就将这5个单选框设置在了一个选项组中，可以预览看下，这个时候，5个单选框同时只能有一个是选中状态了。
再重新设置单选框的交互，只需要设置单选框对应的选项设置为选中状态即可；(以“20岁以下”为例，单选框选中时，“20”的选项需要为选中状态，单选框变为未选中时，“20”的选项需要为未选中状态)。
预览效果下载链接：
https://pan.baidu.com/s/16yCb08C63UrM5ceM13Z8Pw
提取码：arlp
源文件下载链接：
https://pan.baidu.com/s/1iycDQSmWksRXVUGeG-q1_g
提取码：xa1v
大家下期再见！