您现在的位置:   首页 >> 新闻中心 >> 原型设计

AXURE教程:三级菜单和标签的交互使用

发布人:www.yunke.ai 发布时间:2021-01-01 140 次浏览

如何让三级菜单和标签页实现交互,笔者在此给出了一个教程,简单快捷的原型在向你招手~~

今天,教大家如何做一个框架,包含三级菜单和标签页两部分内容,以及他们之间相互交互的内容。

效果如下图所示:

在线演示地址

一、效果介绍

  1. 左边菜单栏,最多有三级菜单,可以通过菜单中继器维护,使用方便。
  2. 点击菜单,如果有子菜单会展开或收起子菜单;如果没有子菜单,自动新增标签页,并打开对应页面(不会重复生成标签)。
  3. 点击不同的标签页,切换不同的页面。
  4. 删除所有标签页,自动跳转到首页。

二、使用方法

本模板使用简单,已制作好交互效果,只需要填写“菜单中继器”的内容即可直接使用。

  • menu1:填写一级菜单的名称;
  • menu2:填写二级菜单的名称(需要在一级菜单处先写该二级菜单的一级菜单名称);
  • menu3:填写三级菜单的名称(需要在一、二级菜单处先写该三级菜单的一、二级菜单名称);
  • picture:菜单文字前面的图标,可上传图片;
  • see:1位载入时可见,0为隐藏;一般只有一级菜单填1,其他为0;
  • xiala:如果有子菜单,填1;如果没有,填0;
  • xuan:填写默认值0即可;
  • jinyong:填写默认值0即可。

三、制作方法