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中如何创建一个翻板动画
  • 热门搜索
    百分比怎么计算 星号怎么打 中华保险怎么样 肩胛骨缝疼是怎么回事 怎么把pdf文件转换成word hold怎么读 淘宝开店怎么上传宝贝 微信怎么发红包 白带增多是怎么回事 苏泊尔豆浆机怎么用