手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-13 19:04:35

1、打开Axure,从左侧元件库拖取一个【动态面板】元件到页面。如图

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

2、双击【动态面板】,增加几个状态。如图

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

3、双击动态面板【State1】,设置State1为标签页一的展示效果;如图

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

4、设置【标签页一】的【鼠标单击时】事件为:设置动态面板状态为State1;同时,按这种方式将其它标签页的鼠标点击事件设置。如图

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

5、复制动态面板【State1】的内容到【State2】,修改为标签页二的展示效果;如图

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

6、同样的方式完成其它标签页面效果。如图

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

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

Axure如何制作标签页动态效果
© 手抄报圈