最近在学习使用原型工具Axure的使用,记录下踩过的坑,记录下成长的过程,话不多少,今天讲下选项卡/选项组的学习。实现的效果如下:点击选项之后,该项变成红色选中状态,之前选中的选项变成不选中,也就是说技术领域中所有的选项是互斥的,一次只能选中一个。
废话不多少,直接开撸:
一、画一个区域
新建一个空白文件,拖一个矩形框到画布中,矩形框主要是为了布局方便,将相同属性的内容放到同一个矩形框中,整体上看起来条例清晰,整洁。
二、添加选项文本
往矩形区域中依次添加文本标签,并根据需要修改文本内容
三、设置交互样式
这里要分2步实现,分别实现不同的效果
1. 选中所有的选型,将他们设置为同一个选项组,实现选项组内的选项互斥