本文将教大家如何用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(子菜单)
鼠标点击时设置,如图:
制作完毕。