选项组的使用及局限性
提示:以下是本篇文章正文内容,下面案例可供参考
一、选项组的使用
1、概述
同一个选项组的部件,当其中一个部件被选中时,系统会自动取消选择其他部件,类似于单选。当遇到多个内容需要设置选中时,选项组的存在就显得格外的有价值。
2、使用场景
设置内容的选中与否
3、案例
(1)设计页面内容
(2)设置选项组
选中所有元件,右键----->选项组…------>命名------>确定
(3)给元件命名并创建交互
给元件命名,并创建选中交互及设置选中时,值为真(只需要设置选中为真就行)
设置好一个,其余直接复制过去就行
(4)绑定交互样式
绑定“元件选中的样式”
![在这里插入图片描述](https://img-blog.csdnimg.cn/01881c14e7614f3f971e1fae2b74bafd.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAc3VwZXJfLg==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center
样式根据需求自定义即可
4、效果
二、选项组的局限
1、概述
选项组类似于单选按钮,也就意味着无法选择多个,就算你设置了N个选中,也只会有一个被选中,(以最新/后设置的为准)
2、案例
给“内容二”设置单击时,除“内容二”本身之外,同时设置选中“内容一”、“内容三”和“内容四”
3、效果
4、结论
选中组无法设置多个选中,即使设置了多个也会以最后一个设置的内容为准
三、拓展
如需同时选中多个时,那么我们就不用使用选项组了,而是直接给每一个元件设置单独的选中
设置交互并查看效果
需要注意的是,除需要设置选中的值为真之外,其余的都要设置为假,否则就会出现以下效果(凡是单击过得都会选中)
总结
选项组好用,但也有局限性
1、选项组的存在减轻了我们的工作量
2、选项组无法满足同时选中多个内容