在一些产品的功能模块中,经常出现某个按钮或选项默认情况下是不可用的状态。
当符合某一种功能要求时,就会变为可用状态。
例如一个体检项目的表单,如果是男性填写表单,此时检查项目中的妇科选项就是不可选的灰色禁用状态,当用户选择女性时,妇科的选项才会变为可选的启用状态。
这样的交互效果,我们需要将妇科复选框的默认状态在属性设置中勾选为禁用。
并且,设置元件禁用的样式。
在元件的禁用样式设置中,如果没有字色的设置,可以点击[更多样式选项]
然后,勾选[字色]选项,点击后方的色块,设置为浅灰色。
完成这一步之后,我们就可以通过交互事件对复选框的状态进行控制。
交互事件有两种解决方案。
一种是男性的单选按钮选中时,禁用妇科复选框元件。
并且,女性的单选按钮被选中时,启用妇科复选框元件。
另一种解决方案是,在女性的单选按钮上添加两个交互事件,选中时启用妇科复选框,取消选中时禁用妇科复选框。
也就是把男性单选按的交互动作,放在了女性单选按钮的取消选中时事件中。
以上是通过复选框元件,简单介绍了禁用交互样式的使用。
在实际应用中,我们可以根据需求对图片、形状、文本等元件进行交互样式的设置。
不习惯看文字教程?还有《Axure RP 9萌新修炼视频》奉上!
转载请注明:iaxure.com » Axure的7种交互样式(4)-禁用的交互样式