×
关于

核心训练

准备开始页面操作部件库和 Masters建立交互引入动态面板条件、值和变量

从头开始

电子商务网站手机上展示的原型

原型设计基础指南

按钮的交互显示隐藏部件用户自定义 Tooltip导航菜单

Masters 指南

上一页/下一页链接 Master

动态面板指南

图片循环显示制作自定义的下拉菜单折叠控制选项板部件视频与图片的 Lightbox图像的拖拽交互拖拽地图自动旋转标题

高级原型设计指南

账户登录Auto-Tab 字段Terms 和 Conditions下拉列表选择必填字段设置文本下拉列表将文本传递给下一个页面在下一个页面上设置面板

Web 设计指南

嵌入视频和地图

iPhone App 指南

滑动菜单滚动内容屏幕过渡动画Swipping 幻灯片

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

下拉列表选择


下拉列表交互

添加 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


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)