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

Axure的7种交互样式(4)-禁用的交互样式

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

在一些产品的功能模块中,经常出现某个按钮或选项默认情况下是不可用的状态。

当符合某一种功能要求时,就会变为可用状态。

例如一个体检项目的表单,如果是男性填写表单,此时检查项目中的妇科选项就是不可选的灰色禁用状态,当用户选择女性时,妇科的选项才会变为可选的启用状态。

这样的交互效果,我们需要将妇科复选框的默认状态在属性设置中勾选为禁用。

并且,设置元件禁用的样式。

在元件的禁用样式设置中,如果没有字色的设置,可以点击[更多样式选项]

然后,勾选[字色]选项,点击后方的色块,设置为浅灰色。

完成这一步之后,我们就可以通过交互事件对复选框的状态进行控制。

交互事件有两种解决方案。

一种是男性的单选按钮选中时,禁用妇科复选框元件。

并且,女性的单选按钮被选中时,启用妇科复选框元件。

另一种解决方案是,在女性的单选按钮上添加两个交互事件,选中时启用妇科复选框,取消选中时禁用妇科复选框。

也就是把男性单选按的交互动作,放在了女性单选按钮的取消选中时事件中。

以上是通过复选框元件,简单介绍了禁用交互样式的使用。

在实际应用中,我们可以根据需求对图片、形状、文本等元件进行交互样式的设置。

/教程源文件/

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

转载请注明:iaxure.com » Axure的7种交互样式(4)-禁用的交互样式