如何使用Axure制作互斥按钮
浏览量:4366
时间:2024-07-15 09:47:06
作者:采采
按钮的互斥以及类似元素的互斥在系统设计中非常常见。在使用Axure进行原型设计时,我们可以通过以下步骤来实现按钮的互斥效果。
第一步:准备工作
首先,新建一个Axure画布,并从元件库中拖动按钮到空白画布中,将它们构成一个按钮组。
第二步:交互样式
为了能够清楚地辨别互斥效果,我们需要为按钮组设置交互样式。选中所有按钮,点击鼠标右键,然后选择【交互样式】。
第三步:样式设置
在交互样式设置弹框中,根据需求设置样式。你可以选择设置填充颜色等属性。完成后,点击确定按钮。
第四步:设置选项组
选中所有按钮,点击鼠标右键,选择【设置选项组】。
第五步:设置名称
在弹框中输入选项组的名称,可以随意命名。例如,我们可以将其命名为“tab”。
第六步:添加用例
选中第一个按钮,在右侧属性操作栏中点击【鼠标点击时】。然后,在添加动作选框中找到并点击【原件-设置选中-选中】。在配置动作的选框中选择当前原件,并点击确定按钮。对于其他按钮,按照相同的方法进行设置。
第七步:用例编辑
在用例编辑中,我们可以调整不同按钮的动作。通过添加动作选框,我们可以设置选中、取消选中等操作。
第八步:点击预览
点击软件右上角的预览按钮,软件会自动在默认浏览器中打开预览图。现在,你可以欣赏结果了。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。