前面小编介绍了一下横向标签页的制作方法,今天教大家使用Axure制作纵向标签页效果,详细步骤如下。
打开Axure,今天教大家使用Axure制作纵向标签页效果,如下图所示。
首先从元件库中拖入本次要使用的元件,如下图所示。
然后调元件的样式及大小,形成一个类似选项卡的效果样式,并且给每一个按钮进行命名,如下图所示。
同时我们在通过动态面板制作一个展示内容的区域,并命名,如下图所示。
然后选中选项卡,对所有按钮制作交互效果,包括鼠标悬停和选中时的效果,如下图所示。
最后我们在给选项卡的按钮加交互事件,当点击该按钮时,动画面板展示对应的内容,如下图所示。
然后F5预览一下效果,点击每一个选项卡,会进行切换,如下图所示。
更多Axure经验持续更新,欢迎关注小编来学习。