教大家使用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如何对符号进行编辑?
  • 热门搜索
    怎么用烤箱做面包 种子怎么下载 末影龙怎么召唤 葫芦侠修改器怎么用 快怎么读 方框里面怎么打钩 天津音乐学院怎么样 带鱼怎么洗 美的热水器怎么样 婴儿鼻子有鼻屎怎么办