Auxre制作tab

axure 作为一款原型工具，能够帮助我们快速的设计原型，从而将产品人员的想法快速准确的传递给技术人员。

我们希望的最终效果如下图：

最简单的一种办法就是通过 Dynamic Panels 来实现。

首先创建一个空白的 Dynamic Panel，然后在 State 1 中开始绘制我们需要的样式。

 

下面就是最关键的一步，让这些元素都动起来。

首先选中一个 Tab，然后单击右侧的 OnClick，在弹出的窗口中选中 Set panel state to state。选中对应的状态，确定就 OK 了。

然后，可以将设计好的元素全部 拷贝 到其他两个状态中，并且修改 Tab 的样式，来适应当前的状态。如下图：

 

 

 

这样就完成了 Tab 效果的切换，如果希望鼠标移到 Tab 上时能够有相应的响应效果，我们可以右键 –> Edit Button Shape –> Edit Roll Over Style 中进行样式的编辑。