离线下载
PDF版 ePub版

极客学院团队出品 · 更新于 2018-11-28 11:00:42

下拉列表选择

下拉列表交互

添加 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 ,来为金鱼设置动态面板的状态。

预览的原型

image

就是它了!预览原型和测试它吧。

总结

现在你可以执行操作了,当一个图片在下拉列表中被选中的时候。 还需要其他帮助吗?查看论坛或联系我们 support@axure.com

上一篇: Terms 和 Conditi... 下一篇: 必填字段