画原型过程中,会遇到单选或多选的交互场景
这时就可以直接在基础组件部分,拉取单选按钮直接使用,只需要完成对应的交互事件就可实现交互
首先先说单选按钮实现交互
拉取一个单选组件,右侧可调整样式尺寸,在选项部分,可编辑选项名,设置交互,是否是选中状态,也可增加和删除选项
以我这里的是否免邮为例,默认页面两个都不是,所以两个单选选项都不是选中选中状态,我要实现的效果是点击第一个,第一个为选中状态,点击第二个,第二个为选中状态,此时也需要将组件右键设置为动态组件
然后复制状态1,同时修改状态2和状态3,显示预期结果,点击不免,显示状态2,点击免邮,显示状态3,这时可在状态1选项添加对应的交互事件,点击小闪电图标,单击时切换组件状态,切换为状态2或3,同理其他选项也依次添加下交互事件,完成交互后可预览预期结果。