Axure下拉菜单，点击每项实现跳转到新页面

海外MBA在读学生一枚，由于最近观察本地市场规律，决定尝试研发一款集中本地吃喝住行的APP。

实现页面跳转和实现页面切换显示是不同的，本文介绍如何实现页面跳转

工具Axure Rp9，MAC版本

主页如下

以食物的下拉选择为例

可选食物为：Chinese Food、Indonesian Food、Malaysian Food、Philippine Food、Singapore Food、Thai Food、 All Food

步骤如下：

1，元件里选择--下拉列表

双击进入编辑，编辑多项，效果如下

2，给此下拉列表命名为：Food select

期望结果，当我选择Chinese时，页面跳转到Chinese food页面

    2-1，新建交互--选项改变时--添加情景

    2-2，设置情景参数

2-3，打开链接--Chinese food page    （已经设计好的）--确认

2-4，预览下，ok

欢迎大家共同探讨学习

上文： Axure中继器实现二级菜单--隐藏空白菜单项 -

上文已经实现了菜单的制作，本文实现点击菜单查看不同的内容。

本文将使用动态面板。

1、选择动态面板

2、命名为“展示页面动态面板”，并将动态面板的样式设置为“隐藏”。增加动态面板的页面，每一个菜单项一个页面

3、设置每个动态面板的页面，以“茶叶-龙井”为例（其他的页面制作方法一致）

4、编辑中继器-编辑二级菜单，选择“二级菜单1”

编辑用例：选择“鼠标单击时”

添加条件->设置条件“二级菜单1”的值为麝香时->设置动态面板页面为“香料-麝香”，并展示动态面板

同理，可以设置“二级菜单1”的其他页面，用例如下：

同理，可设置“二级菜单2”、“二级菜单3”的其他页面

即可完成点击菜单，跳转展示不同的内容

---