教大家使用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如何对符号进行编辑?
  • 热门搜索
    自我介绍手抄报图片 讲文明懂礼貌手抄报 只要妈妈露笑脸手抄报 成长手抄报内容 珍惜时间手抄报 手抄报的格式 有关于元宵节的手抄报 地震知识手抄报 安全法制手抄报 向国旗敬礼手抄报图片