Axure如何制作动态标签页面效果

 时间:2024-10-12 05:16:32

1、准备一个【标签页面】,设置主页背景以及标签背景颜色。如图

Axure如何制作动态标签页面效果

2、制作一个使用标签背景色的【切换效果模块】,命名【展示效果1】,然后设为隐藏,如图

Axure如何制作动态标签页面效果

3、制作两个【下拉菜单】效果模块,然后转换为【动态面板】,命名【展示效果1动态面板】,然后设为隐藏。如图

Axure如何制作动态标签页面效果

4、移入一个【热区】元件,设置【鼠标移入时】动作:显示【展示效果1】,显示【展示效果1动态面板】向下滑动。如图

Axure如何制作动态标签页面效果

5、设置【鼠标移出时】动作:隐藏【展示效果1】,隐藏【展示效果1动态面板】向上滑动。如图

Axure如何制作动态标签页面效果

6、重复步骤3、4、5,完成其它同类展示效果的制作,如图

Axure如何制作动态标签页面效果

7、完成设置后,预览结果,实现了动态标签页面效果。如图

Axure如何制作动态标签页面效果Axure如何制作动态标签页面效果
  • Axure中如何只调整元件固定角的弧度大小
  • 如何利用Axure RP 8设计软件使用和查找母板面板
  • Axure RP 如何实现下拉框二级联动效果
  • PS3D如何生成UV
  • C4D中如何创建一个翻板动画
  • 热门搜索
    语文手抄报内容 健康饮食手抄报 疫情防控手抄报 创文明城市手抄报 四年级英语手抄报 新年的手抄报 科学手抄报内容 致敬英雄手抄报图片 民族手抄报 春节手抄报简单又漂亮