错误的交互样式是Axure RP 10新增的一种交互样式。
温馨提示：仔细阅读上面这句话，不要试图用Axure RP 9来完成这篇教程的案例。
和选中的交互样式一样，错误的交互样式在元件被设置为错误状态时才会呈现出来。
在《情形（条件）的设置》一文中，我们通过对输入内容的判断，给出正确或错误的提示。
在本文中，我们通过另外一种形式呈现错误状态。
如上图所示，当输入的年龄不符合要求时，输入框的边框与文字都变成了红色。
首先，在画布中放入文本框元件。
警告：是表单元件中的文本框元件，不是矩形元件！如果通过前面的学习，还放个矩形元件当文本框使用，那就放弃Axure吧！它配不上你！
在文本框元件的属性设置中，我们添加错误状态的样式。
点击更多样式选项。
在新打开的窗口中，将文字颜色和线段颜色都设置为红色。
到这里，我们完成了错误状态的样式设置。
接下来，我们通过添加交互，让文本框能够在输入错误内容时，呈现错误状态的样式。
1、画布中点中文本框元件，交互面板中点击新建交互按钮，添加[失去焦点]的交互事件。
2、点击[添加条件]按钮，设置输入错误时的情形。
在情形设置窗口中，写入情形的名称，并创建两个条件，同时将多个条件的逻辑关系选为[匹配任何]。
3、添加输入错误情形下，给与用户的反馈，也就是交互动作。
选择动作[设置错误状态]。
目标选择[当前元件]，并保持默认的[设为错误状态]。
4、点击交互事件名称后方的[添加情形]按钮，添加输入正确时的情形。
这种情形无需添加条件，只输入自定义的情形名称。
5、添加输入正确情形下，给与用户的反馈。
点击添加动作按钮。
选择[设置错误状态]的动作，目标仍然是[当前元件]，并选择[移除错误状态]的选项。
到这里，我们就完成了这个案例的所有步骤。
不习惯看文字教程？还有《Axure RP 9萌新修炼视频》奉上！
转载请注明：iaxure.com » Axure的7种交互样式（6）-错误的交互样式