返回介绍

下拉列表选择

发布于 2024-12-29 21:43:34 字数 1594 浏览 0 评论 0 收藏 0

下拉列表交互

添加 OnSelectionChange Case

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

构建“没有条件”

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

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

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

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

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

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

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

预览的原型

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

总结

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文