Axure制作tab选项卡(动态面板)

现在开始使用原型设计工具Axure来制作Tab选项卡了。步骤如下：

第一步：使用动态面板

找到元件库中的动态面板，并将其拖拽到右边的内容区域，想要多宽多高自己调试。



第二步：给动态面板添加状态

选中动态面板，右键 —> 管理面板状态 —>需要多少项就添加多少个 —> 全部添加完成后点击标红的那个图标（会打开全部的状态页）



第三步：制作tab

根据需求拖动矩形元件制作tab样式，如下：



注意：每一个状态页都需要有这个tab栏。By the way，如果你想要什么样式或添加选中状态，你可以自己调试，然后保证每一个状态页都有就可以了。

重头戏来了

第四步：设置点击切换

在第一个状态页中，双击“鼠标单击时”



如果你的软件中没有这个功能区块的话，那肯定就是你给隐藏掉了。要恢复出来的话执行下面这步操作



如果有的话，双击“鼠标单机时”，出现下面的界面。设置面板状态 —> 勾选Tab选项卡(动态面板) —> 选择状态（选择你当前动态页点击时要出现的页面）



每一个动态页都这样设置，然后生成html就可以观看效果了。