集册 Axure RP 指南 下拉列表选择

下拉列表选择

欢马劈雪     最近更新时间:2020-08-04 05:37:59

435

下拉列表交互

添加 OnSelectionChange Case

image

首先,打开AxureDroplistSelection.rp 和打开“下拉列表选择”页面。 选择下拉列表并添加 OnSelectionChange Case。在 Case 编辑器中,单击添加条件打开条件生成器。

构建“没有条件”

image

条件生成器的默认值恰好是我们所需要的。条件应该读为<如果所选选项的动态面板的值为"没有" >。
单击OK,并关闭条件生成器。

添加动作来设置面板的状态

image

在 Case 编辑器中,单击“设置面板状态”并勾选动态面板复选框。 “没有”状态将被默认选中。
单击OK,并关闭 Case 编辑器。

重复步骤为小狗和小猫设置状态

image

重复步骤1到3为小狗和小猫设置下拉列表 items。 第二个和第三个 Case 应该为“小狗”和“猫”设置条件,并相应地设置面板的状态。

添加最后的“如果其他” Case

image

双击 OnChange 添加第四个4 Case,但这一次不添加任何条件。我们已经为4个有用的下拉列表项目设置了3个条件,所以如果以上3个条件都没有满足最后一个 Case 的条件将会自动生成。添加一个动作到第四个 Case ,来为金鱼设置动态面板的状态。

预览的原型

展开阅读全文