Axure教程—中继器菜单

本文将教大家如何用AXURE中的中继器制作菜单（不自动折叠其他菜单）
一、效果

预览地址：https://8ao8gl.axshare.com

二、功能
1、点击菜单出现相应的子菜单
2、子菜单如果想折叠，点击相应的菜单
三、制作
（1）中继器
拖入一个中继器，为其赋值，如图：

2、中继器内部

• 一级菜单
  拖入一个矩形组件，其大小为50×35，再其上拖入一矩形组件，其大小为50×20，并赋其文本为“文本标签”连个矩形组件组合并命名为1，字体颜色设置为#0000FF，鼠标悬停或选中字体颜色设置为#FEA213，如图：
  
• 二级菜单
  拖入一个矩形组件，其大小为50×35，再其上拖入一矩形组件，其大小为50×20，并赋其文本为“文本标签”连个矩形组件组合并命名为2，字体颜色设置为#0000FF，鼠标悬停或选中字体颜色设置为#FEA213，如图：
  
  两个组合叠放一起（1上2下）

最终设计如图：

四、交互
1、中继器
中继器载入时设置，如图：

每项加载时设置，如图：

最终设置，如图：

2、组合1（菜单）
组合1鼠标点击时，设置如图：

3、组合2（子菜单）
鼠标点击时设置，如图：

制作完毕。