Axure中继器实现二级菜单--点击菜单,展示不同内容

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

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

本文将使用动态面板。

1、选择动态面板


选择动态面板

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

设置动态面板
增加动态面板页面

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

“茶叶-龙井”页面

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

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

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

设置条件“二级菜单1”
设置动态面板的状态为“香料-麝香”
展示动态面板

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

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

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

点击“龙井”
点击“普洱”
点击“苹果”
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容