AXURE后台框架-三级菜单和标签的交互使用

1、用中继器制作三级菜单

1.设置中继器内的表格，如下图所示

menu1：填写一级菜单的名称

   menu2：填写二级菜单的名称（需要在一级菜单处先写该二级菜单的一级菜单名称）

   menu3：填写三级菜单的名称（需要在一、二级菜单处先写该三级菜单的一、二级菜单名称）

   picture：菜单文字前面的图标，可上传图片。

   see：1位载入时可见，0为隐藏。一般只有一级菜单填1，其他为0

   xiala：如果有子菜单，填1；如果没有，填0。

   xuan：填写默认值0即可，既下拉箭头向下。如果需要默认打开下拉菜单，箭头向右，填1.

   jinyong：填写默认值0即可，用于判断是否选中。

2、2.中继器材料

三个组合：1级组合（文本标签+矩形+图片+下拉标志）、2级组合（文本标签+矩形+图片+下拉标志）、三级组合（文本标签+矩形+图片）

3.中继器内逻辑

点击一级菜单：

收起状态：如果有子菜单打开子菜单，如果没有子菜单，如果没有子菜单，打开该名称的页面。

展开状态：收起子菜单。

点击二级菜单:

收起状态：如果有子菜单打开子菜单，如果没有子菜单，如果没有子菜单，打开该名称的页面。

展开状态：收起子菜单。

点击三级菜单，打开该名称的页面。

具体逻辑如下图所示：

3、二、用中继器制作标签页

1.设置中继器内的表格，如下图所示

column0：标签页名称，默认给一个首页

xuanzhong：1打开对应页面，0不打开

4、2.中继器材料

1个好看的标签矩形+删除x形状

3.中继器内逻辑

点击标签矩形，取消选中其他标签。选中该标签并打开对应页面。

点击x，删除该标签，自动选择下个标签，并打开选中标签的页面。如果所有标签被删除，自动生成一个首页标签，并打开首页。

具体逻辑如下图所示：

5、三、制作对应页面

页面名称要和菜单中继器内名称相同（没有子菜单的菜单），然后在对应页面制作对应内容即可。

6、四、制作菜单与标签页的交互

点击没有子菜单的菜单时，记录该菜单文字，判断是否有该标签页，如果有，选中并打开该标签页，如果无，新建标签页并打开对应页面。

具体逻辑如下图所示：