【知识点15】单选按钮组设置
01 预期效果
单选按钮组交互样式设置。
02 具体操作步骤
(1)在原型文件画布中绘制自定义单选按钮,创建圆形边框、实心圆点,共计2组。分别命名“circular1”、“circular2”、“solid1”、“solid2”。
(2)设置实心圆点状态
实心圆点“solid1”、“solid2”未选中时默认为白色。在“交互”功能面板中,点击“元件选中的样式”-“填充颜色”设为绿色。
实心圆点“solid1”默认设置成“选中”状态。
(3)设置两个实心圆点“solid1”、“solid2”为选项组“solid”。
(4)圆形边框“circular1” 默认设置为“选中”状态。
(5)添加圆形边框和实心圆点单击时事件
点击圆形边框“circular1”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid1”;
点击圆形边框“circular2”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid2”;
点击实心圆点“solid1”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid1”;
点击实心圆点“solid2”-在“交互”功能面板中,打开“交互编辑器”。点击“单击时”-点击“设置选中”-选择实心圆点“solid2”。
03 预览效果
单选按钮组可进行单选切换交互样式。
待续~
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。