axure如何做导航栏的展开和收缩

 时间:2026-04-22 19:32:28

1、将主菜单和子菜单转换为动态面板,右击-转换为动态面板

axure如何做导航栏的展开和收缩

2、设置各个面板的状态,将面板设置为“选中”和“未选中”两种状态

如:

子菜单选中为:蓝色、17号字

子菜单未选中为:黑色、16号字

主菜单选中为:17号字

主菜单未选中为:16号字

提示,点击状态即可编辑状态。

axure如何做导航栏的展开和收缩

axure如何做导航栏的展开和收缩

3、主菜单和子菜单都设置成:

鼠标移入:为选中

鼠标移出:未选中

axure如何做导航栏的展开和收缩

4、子菜单均设计为隐藏

axure如何做导航栏的展开和收缩

axure如何做导航栏的展开和收缩

5、鼠标单击主菜单,切换显示隐藏子菜单

axure如何做导航栏的展开和收缩

axure如何做导航栏的展开和收缩

6、其他设计成组合,子菜单隐藏时组合移动到绝对位置eg(0,148)

子菜单显示时组合移动到绝对位置eg(0,278)

axure如何做导航栏的展开和收缩

7、完成,运行后效果如下。

axure如何做导航栏的展开和收缩

  • 免费教你在Axure RP 中继器的应用制作分页标签
  • Axure设计:简单的图片细节局部放大
  • Axure怎么做出上拉下拉的效果?
  • AxureRP如何设置文字的颜色#校园分享#
  • 教大家使用Axure制作动态加载时的效果
  • 热门搜索
    十一月是什么星座 如何更改文件格式 如何给图片加水印 晒伤后如何快速美白 ck是什么牌子 淘宝新店铺如何推广 喉咙干燥是什么原因 如何克服恐惧心理 如何做一名优秀的员工 梦见被蛇咬了是什么征兆