教大家使用Axure制作纵向标签页效果

 时间:2024-10-13 19:44:45

1、打开Axure,今天教大家使用Axure制作纵向标签页效果,如下图所示。

教大家使用Axure制作纵向标签页效果

2、首先从元件库中拖入本次要使用的元件,如下图所示。

教大家使用Axure制作纵向标签页效果

3、然后调元件的样式及大小,形成一个类似选项卡的效果样式,并且给每一个按钮进行命名,如下图所示。

教大家使用Axure制作纵向标签页效果

4、同时我们在通过动态面板制作一个展示内容的区域,并命名,如下图所示。

教大家使用Axure制作纵向标签页效果
教大家使用Axure制作纵向标签页效果

5、然后选中选项卡,对所有按钮制作交互效果,包括鼠标悬停和选中时的效果,如下图所示。

教大家使用Axure制作纵向标签页效果

6、最后我们在给选项卡的按钮加交互事件,当点击该按钮时,动画面板展示对应的内容,如下图所示。

教大家使用Axure制作纵向标签页效果
教大家使用Axure制作纵向标签页效果

7、然后F5预览一下效果,点击每一个选项卡,会进行切换,如下图所示。

教大家使用Axure制作纵向标签页效果
教大家使用Axure制作纵向标签页效果

8、更多Axure经验持续更新,欢迎关注小编来学习。

  • 如何在AI中给图片添加粒状点铜版雕刻效果
  • C4D 记录活动对象不能记录对象的缩放?
  • indesign中字符基本操作
  • c4d提取样条方法c4d如何把宝石模型样条提取出来
  • AI如何对符号进行编辑?
  • 热门搜索
    劳动手抄报简单又漂亮 放飞梦想手抄报 关于母亲节的手抄报 热爱祖国手抄报 中国梦我的梦手抄报 我的梦想手抄报 妇女节手抄报 七夕节手抄报 手抄报插图 关于消防的手抄报