最新消息:本站教程基于Axure RP 9.0.0.3723及更高版本,请在学习前确认软件版本是否符合要求,以免因为界面差异导致学习障碍!

元件属性中的组

教程 小楼一夜听春语 14315浏览

元件属性中的组与组合不是同一概念。

组合像捆绑,能够将多个元件捆绑到一起,进行统一的控制。

而元件属性中的组,就像一个班级中的某个小组,它只是一个设定,而不是把整组人绑在一起。

当我们为多个元件指定相同的组,它们的选中状态是唯一的。就像是一个班级小组中只能有一个组长,如果其他人当选组长,当前的组长就会被取消职务。

举例来说,用户在填写表单时,性别的选择就是唯一的。

这样的原型模块,我们只需要为多个单选按钮在属性设置中添加相同的[单选按钮组名称],就能够实现唯一选中的效果。

温馨提示:第一个单选按钮的默认选中,是在属性设置中勾选[选中]的选项,就在上图中,你找到了吗?注意,只有第一个元件需要进行选中的设置。

再举一个例子,列表的分类标签。

点击某一个标签时,标签会改变为橙色,标签上的文字改变为白色。

同时,之前选中的标签会恢复为白色,并且文字恢复为黑色。

这样的交互效果,我们就需要通过元件的组来实现。

首先,我们先放入一组白色的矩形按钮,设定默认文字,并且,为所有按钮添加元件选中的交互样式。

不怎么温馨的提示:交互样式在哪里添加?先去学习《Axure的7种交互样式(3)-选中的交互样式》,再见!

这一步决定了按钮在选中时呈现的颜色。

然后,我们为第一个按钮在属性设置中勾选[选中]的选项。

没有看到这个选项的话,可以点击[显示全部]按钮。

这一步决定了第一个按钮的默认颜色改变。

选中状态的改变能够触发选中样式的呈现。

在用户点击每一个标签时,我们都需要让按钮变成选中的状态。

这需要添加[单击时][设置选中][当前元件]来实现。

每一个按钮都需要添加相同的交互。

我们可以点击添加好的[单击时]交互,通过快捷键[Ctrl+C]进行复制,然后点击其它选件,并[Ctrl+V]进行粘贴。

暴躁提示:点中元件,直接[Ctrl+V]就可以了。不要问我点中元件后还要点哪里,点中元件后直接按键盘快捷键。

这一步决定了用户点击按钮时改变按钮元件的选中状态,从而达到变色的效果。

但是,此时每一个元件都能变色。

而我们,只需要其中一个变色。

这就要为所有按钮元件,在属性设置中添加[选项组名称]。

这一步决定了多个元件中能有一个元件变为选中状态,从而只有一个元件能够变色。

以上就是关于元件属性设置中组名称作用的介绍,它非常非常非常非常有用,在很多地方,都需要用到它。

一定要学会!!!

学不会怎么办?

卸载Axure!!!

想做你的原型工具?他不配!!!

/教程源文件/

不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!

转载请注明:iaxure.com » 元件属性中的组