axure单选按钮如何只选一个(点击一个按钮触发另一个按钮)

【知识点15】单选按钮组设置

01 预期效果

单选按钮组交互样式设置。

02 具体操作步骤

(1)在原型文件画布中绘制自定义单选按钮,创建圆形边框、实心圆点,共计2组。分别命名“circular1”、“circular2”、“solid1”、“solid2”。

(2)设置实心圆点状态

实心圆点“solid1”、“solid2”未选中时默认为白色。在“交互”功能面板中,点击“元件选中的样式”-“填充颜色”设为绿色。

实心圆点“solid1”默认设置成“选中”状态。

axure单选按钮如何只选一个(axure模糊搜索输入框教程)

(3)设置两个实心圆点“solid1”、“solid2”为选项组“solid”。

(4)圆形边框“circular1” 默认设置为“选中”状态。

(5)添加圆形边框和实心圆点单击时事件

点击圆形边框“circular1”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid1”;

点击圆形边框“circular2”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid2”;

点击实心圆点“solid1”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid1”;

点击实心圆点“solid2”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid2”。

axure单选按钮如何只选一个(axure模糊搜索输入框教程)

03 预览效果

单选按钮组可进行单选切换交互样式。

待续~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)

相关推荐