画原型过程中,会遇到单选或多选的交互场景

这时就可以直接在基础组件部分,拉取单选按钮直接使用,只需要完成对应的交互事件就可实现交互

首先先说单选按钮实现交互

拉取一个单选组件,右侧可调整样式尺寸,在选项部分,可编辑选项名,设置交互,是否是选中状态,也可增加和删除选项

以我这里的是否免邮为例,默认页面两个都不是,所以两个单选选项都不是选中选中状态,我要实现的效果是点击第一个,第一个为选中状态,点击第二个,第二个为选中状态,此时也需要将组件右键设置为动态组件

然后复制状态1,同时修改状态2和状态3,显示预期结果,点击不免,显示状态2,点击免邮,显示状态3,这时可在状态1选项添加对应的交互事件,点击小闪电图标,单击时切换组件状态,切换为状态2或3,同理其他选项也依次添加下交互事件,完成交互后可预览预期结果。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐