Axure实战教程：tab导航页面切换

在实现移动端和PC端高保真原型时，我们经常遇到tab页签导航，点击导航可以切换不同的页面。接下来给大家分享一下具体的实现过程。

1、准备一下元件：2个文本标签作为tab导航，一个矩形作为导航背景框以及一个动态面板

2、同时选中两个文本标签，给他们添加【鼠标悬停】和【元件选中】的交互样式。

4、接下来，即可以给tab导航添加交互动作，选中第一个文本标签，添加【单击时】交互事件，选择【设置选中】交互动作，设置【当前】元件为选中，值为【真】，相关设置如下：

5、再添加下面的动态面板状态切换

6、最后，为了保证tab导航点击时，只选中其中一个，则需要同时选中两个文本标签，鼠标右键，给他们添加选项组，命名为a1。具体设置如下：