墨刀原型-单选按钮场景交互

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

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值