编辑指南:如何通过中继器制作基本菜单？本文作者通过自己的实践，从效果图到操作步骤进行了分析，并介绍了过程中需要注意的问题，希望对你有所启发。

关于Axure9的在线教程很多，但是基本步骤的描述很少，对第一次使用Axure的同学不是很友好。复读机作为常用功能之一，是产品拥有者必备的技能，所以写了这篇教程，希望对大家有所帮助。

首先，应用效果图

第一步:准备材料。

从左侧组件拖动四个矩形，并以菜单扩展样式排列它们；还要准备一个repeater，直接从左边组件拖到画布上。

温馨提示:可以用ctrl+shift直接向下拖动矩形，和ppt一样。

第二步:设置菜单框架。

双击复读机，去掉原框，放入菜单样式，然后点击右上角的关闭，即可看到整个菜单框。

提示:整个菜单要放在虚线框里，虚线以外的部分就不显示了。

第三步:设置一级菜单之间的距离。

将样式间距设置为10px，将辅助菜单与较低的主菜单分开。

提示:样式间距的位置比较靠后，要向下滚动甚至拖动才能看到间距。

第四步:填写菜单内容。

填写样式数据中的文本，其中菜单对应一级菜单名称，名称1对应一级菜单下的第一个子菜单名称，以此类推。

温馨提示:表头应为英文；

用文本填充中继器。进入交互，选择一级菜单对应的矩形，编辑值为[[item.menu]]，完成后点击添加目标；选择第一个子菜单对应的矩形，将值编辑为[[item.name1]]，完成后单击添加目标，以此类推。

提示:

如果添加目标选项没出来，可将鼠标移过去，就会出来了；觉得矩形太多，选择目标容易混乱，可给每个矩形定义名称，样式/交互中都可以定义。

第五步:制作菜单风格。

双击repeater，合并三个子菜单，在样式中设置为隐藏，如红色部分所示；

选择一级菜单矩形，在交互中设置为“点击时”，显示/隐藏切换显示。

整个制作完成后，大家可以打开预览，欣赏自己的作品。简单详细吗？