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

我们在使用网站时，经常会用到各种标签页面功能，通过标签页面可以切换到不同的页面，同时也不用跳转页面，体验效果非常好。这种标签页动态切换的方式，在Axure中也能快速实现。那么，在Axure中，如何制作标签页动态效果呢？本文就由小编带大家了解一下，一起来看看吧~

工具/原料

Axure版本:企业版8.0.0.3338

PC电脑：Windows 7

方法/步骤

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

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

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

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

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

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

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

总结：

1.打开Axure，从左侧元件库拖取一个【动态面板】元件到页面；

2.双击【动态面板】，增加几个状态；

3.双击动态面板【State1】，设置State1为标签页一的展示效果；

4.设置【标签页一】的【鼠标单击时】事件，同样的方式设置其它标签页事件；

5.复制动态面板【State1】的内容到【State2】，修改为标签页二的展示效果；

6.同样的方式完成其它标签页面效果；

7.完成设置后，预览结果，实现了标签页动态切换效果。

注意事项

Tips:各标签页面的展示效果根据需要可以自己调整，以达到最优效果。