AXURE中继器折叠菜单页签交互

如何用AXURE中的中继器制作菜单页签交互（自动折叠菜单、生成页签和打开页面）
一、效果展示
如图：

下载地址：https://download.csdn.net/download/KINHHUI/90677524

二、功能介绍

• 点击一级菜单，展示所属子菜单，自动折叠其他菜单
• 点击二级菜单，自动添加页签（去重，宽度根据文字字数自适应），打开对应页面
• 点击不同页签，打开对应页面

三、制作方法

1、菜单

1）、拖入一个中继器并赋值，如图：

2）拖入矩形、文本标签和箭头标识（www.iconfont.cn下载）各一个，将三个组件组合一起命名为一级组合；拖入矩形和文本标签各一个，将两个组件组合一起命名为二级组合。

最终展示效果，如图：

2、页签

1）、拖入一个中继器并赋值（布局改为水平），如图

2）、拖入文本标签和删除标识各一个，将两个组件组合一起命名为页签，如图：

3、页面

拖入内联框架。

四、中继器交互

1、菜单

1）、中继器外交互

中继器载入和每项加载时设置，如图：

2）、中继器内交互

• 一级菜单载入和鼠标点击时交互，如图：
• 
• 二级菜单鼠标点击时交互，如图：
• 

2、页签

1）、中继器外交互

中继器载入和每项加载时设置，如图：

2）、中继器内交互

• 页签鼠标点击时交互，如图：
• 
• 删除标识点击时交互，如图：
•