Axure-制作tab选项卡切换功能

最新推荐文章于 2025-03-30 19:03:25 发布

lhyzbb

最新推荐文章于 2025-03-30 19:03:25 发布

阅读量3.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： Axure TTAB Ťtab选项卡

本文链接：https://blog.youkuaiyun.com/liuhaiyan111/article/details/81297660

本文详细介绍了如何使用Axure制作tab选项卡切换功能。首先新建一个页面，添加动态面板并设置尺寸。接着，创建动态面板的不同状态，如待开发客户、意向洽谈中、尽调资料中。然后，编辑每个状态的页面内容和样式，通过设置事件实现点击选项卡切换动态面板状态。最后，逐一为其他状态页添加相应事件，完成选项卡功能的制作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  Axure原型设计交互在制作页面时是一个非常不错的软件，鄙人看了很多帖子，但很多交互效果都写不是很清楚，故自己重新写了一个交互效果，仅供正在学习产品原型的初学者观看。
  在这里我以tab选项卡切换功能为例：
  使用选项卡就是需要做出在不刷新页面的情况下还能做到页面内容的切换，是一个体验非常不错的功能。好了来看看具体的步骤吧。

步骤一
首先我们新建一个页面这里就叫做“选项卡切换”，双击打开该页面，我们从元件组中拖进来一个动态面板，并且设置他的宽高为600×400。（这里是举一个例子）
这里写图片描述