元件属性中的组与组合不是同一概念。
组合像捆绑,能够将多个元件捆绑到一起,进行统一的控制。
而元件属性中的组,就像一个班级中的某个小组,它只是一个设定,而不是把整组人绑在一起。
当我们为多个元件指定相同的组,它们的选中状态是唯一的。就像是一个班级小组中只能有一个组长,如果其他人当选组长,当前的组长就会被取消职务。
举例来说,用户在填写表单时,性别的选择就是唯一的。
这样的原型模块,我们只需要为多个单选按钮在属性设置中添加相同的[单选按钮组名称],就能够实现唯一选中的效果。
温馨提示:第一个单选按钮的默认选中,是在属性设置中勾选[选中]的选项,就在上图中,你找到了吗?注意,只有第一个元件需要进行选中的设置。
再举一个例子,列表的分类标签。
点击某一个标签时,标签会改变为橙色,标签上的文字改变为白色。
同时,之前选中的标签会恢复为白色,并且文字恢复为黑色。
这样的交互效果,我们就需要通过元件的组来实现。
首先,我们先放入一组白色的矩形按钮,设定默认文字,并且,为所有按钮添加元件选中的交互样式。
不怎么温馨的提示:交互样式在哪里添加?先去学习《Axure的7种交互样式(3)-选中的交互样式》,再见!
这一步决定了按钮在选中时呈现的颜色。
然后,我们为第一个按钮在属性设置中勾选[选中]的选项。
没有看到这个选项的话,可以点击[显示全部]按钮。
这一步决定了第一个按钮的默认颜色改变。
选中状态的改变能够触发选中样式的呈现。
在用户点击每一个标签时,我们都需要让按钮变成选中的状态。
这需要添加[单击时][设置选中][当前元件]来实现。
每一个按钮都需要添加相同的交互。
我们可以点击添加好的[单击时]交互,通过快捷键[Ctrl+C]进行复制,然后点击其它选件,并[Ctrl+V]进行粘贴。
暴躁提示:点中元件,直接[Ctrl+V]就可以了。不要问我点中元件后还要点哪里,点中元件后直接按键盘快捷键。
这一步决定了用户点击按钮时改变按钮元件的选中状态,从而达到变色的效果。
但是,此时每一个元件都能变色。
而我们,只需要其中一个变色。
这就要为所有按钮元件,在属性设置中添加[选项组名称]。
这一步决定了多个元件中能有一个元件变为选中状态,从而只有一个元件能够变色。
以上就是关于元件属性设置中组名称作用的介绍,它非常非常非常非常有用,在很多地方,都需要用到它。
一定要学会!!!
学不会怎么办?
卸载Axure!!!
想做你的原型工具?他不配!!!
不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!
转载请注明:iaxure.com » 元件属性中的组