📅  最后修改于: 2020-10-27 03:13:05             🧑  作者: Mango
在本章中,我们将讨论Axure RP中使用的条件逻辑。
像任何其他编程工具一样,Axure也支持条件逻辑以在原型中创建增强的交互。一旦您熟悉了如何提供交互,就可以为交互提供条件逻辑了。
以下是条件逻辑的简单流程-
为了更好地理解这一点,让我们从上一个示例中恢复流程。为此,我们需要熟悉条件生成器。
双击任何交互,例如OnClick。您将能够看到案例编辑器,如以下屏幕截图所示。
单击按钮–案例名称附近的添加条件。它将显示在下面的对话框中。
如“描述”下所示,条件构建器将根据条件部分中选择的条件创建If-Then-Else流。
让我们在此按钮上创建一个条件。
一旦动态面板可见,我们想显示“隐藏图像”按钮。在上一个示例中,我们使“显示图像”按钮上的动态面板可见。现在,让我们使另一个按钮“隐藏图像”可见。
关闭条件生成器,然后返回到设计区域。
从公共库下的库中插入“隐藏图像”按钮。重申一下,最佳做法是在将UI元素插入设计区域后立即命名。
右键单击“隐藏图像”按钮,然后单击“设置隐藏”。该按钮将从设计区域隐藏,如以下屏幕截图所示。
现在,让我们回到“显示图像”按钮的交互。
首先,在“显示图像”按钮交互作用下,双击“案例1”,您将能够看到案例编辑器。使用“显示/隐藏”操作,选择hideImageButton并将其可见性设置为show。
同样,使用“显示/隐藏”操作,选择showImageButton并将其可见性设置为隐藏。
我们已经管理了“隐藏图像”按钮的可见性,这样,当我们单击“显示图像”按钮时,将显示该按钮。
完整的条件如以下屏幕截图所示。
让我们建立条件。
在设计区域下,单击“隐藏图像”按钮。在“检查器”部分,单击“添加案例”。
在“添加案例”下,单击“添加条件”按钮。根据前面提供的背景,使用条件生成器中的下拉值创建条件集。
简而言之,在上述条件下,我们正在检查动态面板showImageDynamicPanel是否可见
现在,让我们设计“隐藏图像”按钮的交互,如下配置:
同样,重复钻取以显示showImageButton和隐藏hideImageButton。
完成后,单击“确定”关闭“案例编辑器”。
然后,单击预览以查看所做的更改。
成功的结果将如以下屏幕截图所示。
单击显示图像按钮时-
单击“隐藏图像”按钮时-