axure如何制作互斥按钮

 时间:2024-10-17 23:56:49

1、第一步,准备工作。首先新建一个axure画布,从元件库库中拖动按钮至空白画布中,使其构成按钮组,如下图所示:

axure如何制作互斥按钮

2、第二步,交互样式。为使我们能够有效鉴别互斥效果,接下来为其设置交互样式,首先选中所有按钮,然后点击鼠标右键,接着点击弹框中的【交互样式】,如下图所示:

axure如何制作互斥按钮

3、第三步,样式设置。在交互样式设置弹框中根据自己的需求设置样式,这里我只设置了填充颜色,然后点击确定按钮,如下图所示:

axure如何制作互斥按钮

4、第四步,设置选项组。首先选中所有按钮,然后点击鼠标右键,接着点击弹框中的【设置选项组】,如下图所示:

axure如何制作互斥按钮

5、第五步,设置名称。在弹框中输入设置的选项组的名称,可随意命名,这里我命名为tab,如下图所示:

axure如何制作互斥按钮

6、第六步,添加用例。选中第一个按钮,然后在右侧属性操作栏中点击【鼠标点击时】字样,如下图所示:

axure如何制作互斥按钮

7、第七步,用例编辑。首先在添加动作选框中找到并点击原件-设置选中-选中,然后在配置动作的选框中选中当前原件,最后点击确定按钮(其它按钮按相同操作进行设置),如下图所示:

axure如何制作互斥按钮

8、第八步,点击预览。点击软件右上角的预览按钮,软件会自动在默认浏览器打开预览图,接下来就可以欣赏结果了,如下图所示:

axure如何制作互斥按钮
  • 网易新闻怎么清除缓存
  • 炉石传说oops怎么解决
  • 诊断局域网中网络通信不畅的原因
  • 秋思是词牌名吗
  • 怎样做莲藕炒肉馅?
  • 热门搜索
    孝敬父母手抄报内容 安全出行手抄报内容 教师节手抄报大全 中国梦足球梦手抄报 关于节日的英语手抄报 英语国庆节手抄报内容 防火防震手抄报 初一历史手抄报 弟子规手抄报大全 抗战手抄报图片