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中如何创建一个翻板动画
  • 热门搜索
    雅思培训哪里好 锋范怎么样 如何设计调查问卷 花果山旅游攻略 如何修改wifi密码 菠萝长在哪里 增值电信业务经营许可证怎么办理 江苏旅游攻略 如何群发微信 如何注册微博账号