Axure RP教程

Axure RP 条件逻辑

在本章中,我们将讨论 Axure RP 中使用的条件逻辑。

If-Then-Else 在 Axure 中

就像任何其他编程工具一样,Axure 也支持条件逻辑以在原型中创建增强的交互。一旦您熟悉了如何提供交互,就可以为交互提供条件逻辑。
以下是条件逻辑的简单明了的流程-
如果点击了特定的小部件/屏幕 然后,执行特定操作/交互 否则,保持/更改小部件或屏幕的状态
为了更好地理解这一点,让我们从前面的示例中继续我们的流程。为此,我们需要熟悉 Condition Builder。

条件生成器

双击任何交互,例如 OnClick。您将能够看到案例编辑器,如下面的屏幕截图所示。
条件生成器
单击按钮-在案例名称附近添加条件。它将显示在对话框的下方。
添加条件
如描述下所示,条件构建器将根据条件部分中选择的条件创建 If-Then-Else 流。
让我们在这个按钮上创建一个条件。
我们想在动态面板可见后显示隐藏图像按钮。在上一个示例中,我们使动态面板在 Show Image 按钮上可见。现在,让我们让另一个按钮隐藏图像可见。
关闭条件生成器,返回设计区域。
从常用库下的库中插入隐藏图像按钮。重申一下,最佳做法是在将 UI 元素插入设计区域后立即为其命名。
右键单击隐藏图像按钮,然后单击设置隐藏。该按钮将从设计区域隐藏,如下面的屏幕截图所示。
隐藏
现在,让我们回到"显示图像"按钮的交互。
首先,在 Show Image 按钮交互下,双击 Case 1,您将能够看到案例编辑器。使用 Show/Hide 操作,选择 hideImageButton 并将其可见性设置为显示。
同样,使用 Show/Hide 操作,选择 showImageButton 并将其可见性设置为隐藏。
我们管理了"隐藏图像"按钮的可见性,这样,当我们单击"显示图像"按钮时,就会显示该按钮。
完整的条件将如下面的屏幕截图所示。
条件
让我们建立条件。
在设计区域下,单击隐藏图像按钮。在检查器部分,点击添加案例。
在添加案例下,单击添加条件按钮。根据之前提供的背景,使用条件构建器中的下拉值创建条件集。
条件集
简单来说,根据上述条件,我们正在检查动态面板 showImageDynamicPanel 是否可见
现在,让我们设计隐藏图像按钮的交互,配置如下-
配置 选择显示/隐藏操作。 选择小部件 showImageDynamicPanel。 将可见性设置为隐藏。
同样,重复显示 showImageButton 和隐藏 hideImageButton 的练习。
完成后,单击"确定"关闭案例编辑器。
然后,单击"预览"以查看所做的更改。
成功的结果将如下面的截图所示。
当单击"显示图像"按钮时-
显示图片按钮
当点击隐藏图像按钮时-
单击图像按钮
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4